@extends('page/layout/app')

  @section('title','Laporan History')

  @section('content')
  <div class="loading" id="loading" style="display: none;">
    <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
    <h4>Loading</h4>
  </div>
  <div class="page-heading" id="pagePenyewaan">
    <div class="page-title">
      <div class="row">
        <div class="col-12 col-md-6 order-md-1 order-last">
        </div>
        <div class="col-12 col-md-6 order-md-2 order-first">
          <nav aria-label="breadcrumb" class="breadcrumb-header float-start float-lg-end">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="">Laporan</a></li>
              <li class="breadcrumb-item active" aria-current="page">History</li>
            </ol>
          </nav>
        </div>
      </div>
      <div class="row mb-4">
        <div class="col-xl-6 pb-4" style="background: white;box-shadow:2px 2px grey;">
          <form method="GET">
            <div class="row mt-3">
              <label class="col-sm-3 form-label mt-2" style="color: black;">NIP</label>
              <div class="col-sm-8">
                <input type="number" placeholder="Input NIP" value="{{request()->has('nip') ? request()->input('nip') : ''}}" class="form-control" name="nip">
              </div>
            </div>
            <input type="" hidden="" value="{{request()->has('access') ? request()->input('access') : null}}" name="access">
            <button class="btn btn-info mt-4"><i class="fa fa-filter"></i> Tampilkan</button>
            <a href="{{route('laporan.history')}}" class="btn btn-secondary mt-4"><i class="bx bx-refresh"></i></a>
            <a href="{{route('history.export',['nip'=>request()->has('nip') ? request()->input('nip') : '','type'=>'PDF'])}}" target="_blank" style="float: right;" class="btn btn-danger mt-4"><i class="bx bxs-file-pdf"></i></a>
            <a href="{{route('history.export',['nip'=>request()->has('nip') ? request()->input('nip') : '','type'=>'Excel'])}}" target="_blank" style="float: right;margin-right: 4px;" class="btn btn-success mt-4 text-white"><i class="bx bxs-file"></i></a>
          </form>
        </div>
      </div>
    </div>
    <section class="section">
      <div class="card">
        <div class="card-header">
          <h5 class="card-title mb-0">
            Laporan History Pelanggaran dan Penyewaan
          </h5>
        </div>
        <div class="card-body">
          <div class="table-responsive">
            <table class="table table-striped nowrap dt-responsive datatable" style="width: 100%;">
              <thead>
                <tr>
                  <th>No. </th>
                  <th>NIP</th>
                  <th>Nama</th>
                  <th>Jenis</th>
                  <th>Kategori</th>
                  <th>Keterangan</th>
                </tr>
              </thead>
              <tbody class="table-border-bottom-0" >
                @foreach($data as $dt)
                <tr>
                  <td>{{$loop->index+1}}</td>
                  <td>{{$dt->nik}}</td>
                  <td>{{$dt->name}}</td>
                  <td>
                    @if($dt->jenis == 'Pelanggaran')
                    <span class="badge bg-danger text-white">Pelanggaran</span>
                    @else
                    <span class="badge bg-warning text-white">Aktivitas</span>
                    @endif
                  </td>
                  <td>{{$dt->kategori}}</td>
                  <td>{{$dt->keterangan}}</td>
                </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </section>
  </div>
  @endsection
  @section('scripts')
  <script type="text/javascript">
    $(function () {
      $('.datatable').DataTable({
        processing: true,
        pageLength: 10,
        responsive: true,
        colReorder: true
      });
    });
  </script>
  @endsection