@section('header-scripts')
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
@endsection

<div class="card ">
    <div class="card-header card-header-info card-header-icon">
        <div class="card-icon">
            <i class="material-icons">library_books</i>
        </div>
        <h4 class="card-title">Inventaris <b>{{$pustaka_cetak->judul}}</b></h4>
    </div>
    <div class="card-body ">
        <div class="row">
            <div class="col-md-6">
            </div>
            <div class="col-md-6 text-right">
                <a href="{{route('petugas.inventaris_pc.create', $pustaka_cetak->id)}}"
                   class="ml-1 btn btn-info btn-sm">
                    <i class="material-icons">add</i> Tambah Inventaris
                </a>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="table-responsive table-sales mt-0">
                    <form action="{{route('petugas.inventaris_pc.preview_print_label_check_inv')}}" id="form_check_box" method="post">
                        @csrf
                        <table class="table">
                            <thead>
                            <tr>
                                <th class="text-center">#</th>
                                <th><b>no.inventaris</b></th>
                                <th><b>Kode Label</b></th>
                                <th><b>Dapat dipinjam</b></th>
                                <th><b>Status Ada</b></th>
                                @if($vkey == '69691c7bdcc3ce6d5d8a1361f22d04ac')
                                <th><b>Kode Lokasi</b></th>
                                @endif
                                <th class="text-right">
                                    <button type="submit" class="ml-1 btn btn-rose btn-sm">
                                        <i class="material-icons">print</i> Cetak
                                    </button>
                                </th>
                                <th class="">
                                    <div class="form-check w-5">
                                        <label class="form-check-label">
                                            <input class="form-check-input" type="checkbox"
                                                   onclick="javascript:checkall('form_check_box', 'id_inv[]');">
                                            <span class="form-check-sign">
                                                    <span class="check"></span>
                                                    </span>
                                        </label>
                                    </div>
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($inventaris as $key => $inv)

                                <script>
                                    $(document).ready(function(){
                                        $.getJSON("{{route('petugas.inventaris_pc.check_inventaris_dipinjam', $inv->id)}}", function(result){
                                            if (result.status == 'tersedia') {
                                                $("#status_ada{{$inv->id}}").append('<b class="text-success">'+result.status+'</b>');
                                            }
                                            else if (result.status == 'hilang'){
                                                $("#status_ada{{$inv->id}}").append('<b class="text-danger">'+result.status+'</b>');
                                            }
                                            else if (result.status == 'sedang dipinjam'){
                                                $("#status_ada{{$inv->id}}").append('<b class="text-warning">'+result.status+'</b>');
                                            }
                                            else $("#status_ada{{$inv->id}}").append(result.status);
                                        });
                                    });
                                </script>
                                <tr>
                                    <td class="align-top text-center">
                                        {{ ($inventaris->currentpage()-1) * $inventaris->perpage() + $key + 1 }}
                                    </td>
                                    <td class="align-top">{{ $inv->no_inv }}</td>
                                    <td class="align-top">{{ ($inv->kode_label != '' || $inv->kode_label != null) ? $inv->kode_label : $pustaka_cetak->klasifikasi }}</td>
                                    <td class="align-top">
                                        @if($inv->status_pinjam) Ya @else Tidak @endif
                                    </td>
                                    <td class="align-top" id="status_ada{{$inv->id}}"></td>

                                    @if($vkey == '69691c7bdcc3ce6d5d8a1361f22d04ac')
                                        <td> {{ $inv->kode_lola }}</td>
                                    @endif

                                    <td class="td-actions text-right">

                                        <a class="btn btn-info text-white btn-sm"
                                           rel="tooltip" data-placement="bottom" title=""
                                           data-original-title="Edit"
                                           href="{{ route('petugas.inventaris_pc.edit',[$inv->id]) }}">
                                            <i class="material-icons">edit</i>
                                        </a>

                                        <!-- Button trigger modal -->
                                        <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#{{$inv->id}}"
                                                rel="tooltip" data-placement="bottom" title=""
                                                data-original-title="Hapus">
                                            <i class="material-icons">delete</i>
                                        </button>

                                        <!-- Modal -->
                                        <div class="modal fade bd-example-modal-sm" id="{{$inv->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h3 class="modal-title" id="exampleModalLabel">Anda Yakin!</h3>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body text-center">
                                                        <p>
                                                            Akan menghapus file ini secara <b class="text-danger">Permanen</b>
                                                        </p>
                                                    </div>
                                                    <div class="modal-footer d-flex justify-content-center">
                                                        <button type="button" class="btn btn-danger" data-dismiss="modal">Tidak</button>&nbsp;
                                                        <a href="{{ route('petugas.inventaris_pc.delete',[$inv->id]) }}"
                                                           class="swal2-confirm btn btn-success" value="Delete"
                                                           aria-label="">YA, Hapus!</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </td>
                                    <td width='5px'>
                                        <div class="form-check w-5">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" name="id_inv[]" value="{{$inv->id}}" >
                                                <span class="form-check-sign">
                                                    <span class="check"></span>
                                                    </span>
                                            </label>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </form>
                    <tfoot>
                    {{$inventaris->appends(Request::all())->links()}}
                    </tfoot>
                </div>
            </div>
        </div>
    </div>
</div>