@extends('layouts.front.masterapp')

@section('content')
<div class="content-wrapper container"> 
    <div class="page-heading">
        <div class="page-title">
            <div class="row">
                <div class="col-12 col-md-6 order-md-1 order-last">
                    <h3>Petunjuk Penggunaan Aplikasi</h3>
                    <p class="text-subtitle text-muted">Rekrutmen - Universitas Negeri Surabaya</p>
                </div>
              
            </div>
        </div>

        <!-- // Basic multiple Column Form section start -->
 
    <section id="multiple-column-form">
        <div class="row match-height">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        
                    
                           <table class="table table-striped" id="table1">
                               <tbody>
                                   <td>
                                       <center><img src="https://statik.unesa.ac.id/profileunesa_konten_statik/uploads/rekrutmen/info_dokumen/infografis.png"   width="604px" height="536px"></center></td>
                                   <td>
                                   @if (!is_null($periode->file_hasil_kelulusan))

                                    <center><embed src="https://statik.unesa.ac.id/profileunesa_konten_statik/uploads/rekrutmen/hasil_kelulusan/{{ $periode->file_hasil_kelulusan }}" class="embed-responsive-item" frameborder="0" width="604px" height="536px"></center>

                                    @endif
                                    @if (is_null($periode->file_hasil_kelulusan))
                                    <center><embed src="https://statik.unesa.ac.id/profileunesa_konten_statik/uploads/rekrutmen/info_dokumen/Recruitment_Unesa.pdf" class="embed-responsive-item" frameborder="0" width="604px" height="536px"></center>
                                    @endif
                                   </td>
                               </tbody>
                           </table>
                           
                           
                    </div>
                   
                </div>
            </div>
        </div>
    </section>

              
    </div>
</div>

@endsection
@push('js')

@endpush