@extends('opac.layouts.layout_home')

@section("title") Detail Pustaka Cetak @endsection

@section("breadcrumb")
    <a class="text-white" href="/opac">Home</a> /
    <a class="text-white" href="/pc"> Pustaka Cetak </a> /
    <a class="text-info" href=""> <b> Detail Pustaka Cetak </b> </a>
@endsection

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


@section('content')

    <div class="section mt-0">
        <div class="container mb-5">
            <div class="main main-raised main-product p-md-5 p-4">
                <div class="row">
                    <div class="col-md-4 col-sm-4">
                        <div class="card card-blog card-plain mt-2">
                            <div class="card-header card-header-image">
                                <a href="#pablo">
                                    <img src="{{asset('storage/pustaka_cetak/'. $pus_cet->gambar)}}"
                                         onerror="this.src='https://ui-avatars.com/api/?size=235&background=c9c9c9&name='+'{{ $pus_cet->judul }}'" />
                                </a>
                                <div class="colored-shadow"
                                     style="background-image: url(&quot;./assets/img/examples/blog1.jpg&quot;); opacity: 1;">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-8 col-sm-4 mt-2">
                        <h3 class="title mt-2"> {{ $pus_cet->judul }} </h3>

                        <div class="row">
                            <div class="col-md-8">
                                <div class="text-sm-left text-center">
                                    <h6 class="mt-4 mb-1 text-rose"> Keterangan Bibliografi </h6>
                                </div>
                                <div class="table-responsive">
                                    <table >
                                        <tbody class="">
                                        @if($jenis_koleksi_field)
                                            @foreach($jenis_koleksi_field as $jkf)
                                                @if($jkf->field_asli == 'judul')

                                                @elseif($jkf->field_asli == 'status_ref')
                                                    @if($pus_cet[$jkf->field_asli] == '1')
                                                        <tr>
                                                            <td class="align-baseline">{{ $jkf->nama_field }}</td>
                                                            <td>: Buku Referensi </td>
                                                        </tr>
                                                    @endif
                                                @elseif($jkf->field_asli == 'status_fiksi')
                                                    @if($pus_cet[$jkf->field_asli] == '1')
                                                        <tr>
                                                            <td class="align-baseline">{{ $jkf->nama_field }}</td>
                                                            <td>: Buku Fiksi </td>
                                                        </tr>
                                                    @endif
                                                @elseif($jkf->field_asli == 'id_bhs')
                                                    <tr>
                                                        <td class="align-baseline">{{ $jkf->nama_field }}</td>
                                                        <td>: {{ $bhs->keterangan }}</td>
                                                    </tr>
                                                @elseif($jkf->field_asli == 'bibliografi')

                                                @elseif($jkf->field_asli == 'pustaka_pilihan')
                                                    @if($pus_cet[$jkf->field_asli] != null)
                                                        <tr>
                                                            <td class="align-baseline text-success">{{ $jkf->nama_field }}</td>
                                                        </tr>
                                                    @endif
                                                @else
                                                    <tr>
                                                        <td class="align-top">{{ $jkf->nama_field }}</td>
                                                        <td>: {{ $pus_cet[$jkf->field_asli] }}</td>
                                                    </tr>
                                                @endif
                                            @endforeach
                                        @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="text-sm-left text-center">
                                    <h6 class="mt-4 mb-1 text-rose"> Jenis Koleksi Pustaka</h6>
                                </div>
                                <div class=""><p>{{$jenis_koleksi->jenis_koleksi}}</p></div>
                                <div class="text-sm-left text-center">
                                    <h6 class="mt-4 mb-1 text-rose"> Abstraksi </h6>
                                </div>
                                @if (empty($abstraksi))
                                    <div class=""><p>Tidak ada Abstraksi</p></div>
                                @else
                                    <div class="">{!! $abstraksi->abstraksi !!} </div>
                                @endif
                            </div>
                        </div>


                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <div class="text-sm-left text-center">
                            <h6 class="mt-4 mb-1 text-rose"> Inventaris </h6>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-striped table-no-bordered dataTable dtr-inline">
                                <thead>
                                <td>#</td>
                                <td><b>Inventaris</b></td>
                                @if($vkey == '69691c7bdcc3ce6d5d8a1361f22d04ac')
                                    <td><b>Perpustakaan</b></td>
                                @endif
                                <td><b>Dapat dipinjam</b></td>
                                <td><b>Status Ada</b></td>
                                </thead>
                                <tbody class="">
                                @foreach($inventaris as $key => $inv)
                                    <script>
                                        $(document).ready(function(){
                                            $.getJSON("{{route('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>{{ ($inventaris->currentpage()-1) * $inventaris->perpage() + $key + 1 }}</td>
                                        <td>{{ $inv->no_inv }}</td>
                                        @if($vkey == '69691c7bdcc3ce6d5d8a1361f22d04ac')
                                        <td>{{ $inv->nama_lola }}</td>
                                        @endif
                                        <td>
                                            @if($inv->status_pinjam) Ya @else Tidak @endif
                                        </td>
                                        <td class="align-top" id="status_ada{{$inv->id}}"></td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                            {{$inventaris->appends(Request::all())->links()}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection