@include('layouts/master')
 <!--main content start-->
 <section id="main-content">
 <style type="text/css">
  body{
    background: #eaeaea;
  }
</style>
      <section class="wrapper">
        <div class=".container">
            <div class="heading">
            <div>
            <h2>Data Lengkap</h2>
            </div>
            <table class="table">
                <thead>
                    <tr>
                    <th scope="col">Nama Peminjam</th>
                    <th scope="col">{{ $loan->nama_peminjam }}</th>
                    </tr>
                    <tr>
                    <th scope="col">Seksi</th>
                    <th scope="col">{{ $loan->seksi }}</th>
                    </tr>
                    <tr>
                    <th scope="col">Nama Berkas yang Dipinjam</th>
                    <th scope="col">{{ $loan->imigran->nama }}</th>
                    </tr>
                    <tr>
                    <th scope="col">No Permohonan Berkas</th>
                    <th scope="col">{{ $loan->imigran->no_permohonan }}</th>
                    </tr>
                    <tr>
                    <th scope="col">Kewarganegaraan</th>
                    <th scope="col">{{ $loan->imigran->kewarganegaraan }}</th>
                    </tr>
                    <tr>
                    <th scope="col">Tanggal Keluar</th>
                    <th scope="col">{{ $loan->tgl_keluar }}</th>
                    </tr>
                    <tr>
                    <th scope="col">No. Arsip</th>
                    <th scope="col">{{ $loan->no_arsip }}</th>
                    </tr>
                  
                    <tr>
                    <th scope="col"><form action="{{ $loan->id }}" method="post" class="d-inline">
                    @method('delete')
                    @csrf
                    <button type="submit" class="btn btn-danger">Kembalikan</button>
                    </form></th>
                    </tr>
                    <button onclick="goBack()">Kembali</button>
                      <script>
                          function goBack() {
                              window.history.back();
                          }
                      </script>
                </thead>   
            </table>
           
            </div>
            </div>
        <!-- /row -->
      </section>
    </section>
    <!--main content end-->
    
  </section>