@extends('opac.layouts.layout_home')

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

@section("breadcrumb")
    <a class="text-white" href="/opac">Home</a> /
    <a class="text-white" href="/pd"> Pustaka Digital </a> /
    <a class="text-info" href=""> <b> Detail Pustaka Digital </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 mb-3">
                    <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_digital/'. $pus_dgt->gambar)}}"
                                         onerror="this.src='https://ui-avatars.com/api/?size=235&background=c9c9c9&name='+'{{ $pus_dgt->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_dgt->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_dgt[$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_dgt[$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_dgt[$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_dgt[$jkf->field_asli] }}</td>
                                                    </tr>
                                                @endif
                                            @endforeach
                                        @endif
                                        <tr>
                                            <td class="align-top">Pengarang</td>
                                            <td>: {{ $pus_dgt->pengarang }}</td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">ISBN</td>
                                            <td>: {{ $pus_dgt->isbn }}</td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Penerbit</td>
                                            <td>: {{ $pus_dgt->penerbit }}</td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Edisi</td>
                                            <td>: {{ $pus_dgt->edisi }}</td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Tahun</td>
                                            <td>: {{ $pus_dgt->tahun_terbit }}</td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Halaman</td>
                                            <td>: {{ $pus_dgt->halaman }}</td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Bahasa</td>
                                            <td>: {{ $bhs->bahasa }}</td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Klasifikasi</td>
                                            <td>: {{ $pus_dgt->klasifikasi }}</td>
                                        </tr>
                                        </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

                                @if (auth()->guard('anggota')->check())
                                    <div>
                                        @if( $pus_dgt->download == false)
{{--                                        <a href="#" class="btn btn-sm btn-disabled text-white">Download</a>--}}
                                        @elseif( $pus_dgt->download == true)
                                            {{ Form::open(['route' => ['pd.download',[$pus_dgt->id,auth()->guard('anggota')->user()->id]],'method'=>'POST','enctype'=>"multipart/form-data",'files'=>true, 'class' => 'mb-0']) }}
                                                <button type="submit" class="btn btn-sm  btn-info"> Download </button>&nbsp;&nbsp;
                                            </div>
                                            {{ Form::close() }}
                                        @endif
                                    </div>
                                @endif
                            </div>
                        </div>


                    </div>
                </div>

{{--                @if(session('color'))--}}
{{--                <div class="alert--}}
{{--                    @if(session('color') == 2)--}}
{{--                        alert-danger--}}
{{--                    @elseif(session('color') == 3)--}}
{{--                        alert-success--}}
{{--                    @endif--}}
{{--                    m-0" role="alert">--}}
{{--                    {{session("message")}}--}}
{{--                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">--}}
{{--                        <span aria-hidden="true">&times;</span>--}}
{{--                    </button>--}}
{{--                </div>--}}
{{--                @endif--}}
                <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>
                                <td><b>Dapat dipinjam</b></td>
                                <td><b>Status Ada</b></td>
                                @if (auth()->guard('anggota')->check())
                                    <td class="text-right"><b>Action</b></td>
                                @endif
                                </thead>
                                <tbody class="">
                                @foreach($inventaris as $key => $inv)

                                    @if (auth()->guard('anggota')->check())
                                    <script>
                                        $(document).ready(function(){
                                            $.getJSON("{{route('pd.check_inventaris_dipinjam', $inv->id)}}", function(result){
                                                if (result.status == 'tersedia') {
                                                    $("#status_ada{{$inv->id}}").append('<b class="text-success">Tersedia</b>');
                                                    $("#btn_pinjam{{$inv->id}}").append(`@include("opac.components.modal_pinjam_pustaka_digital")`);
                                                }
                                                else if (result.status == 'hilang'){
                                                    $("#status_ada{{$inv->id}}").append('<b class="text-danger">Tidak Tersedia</b>');
                                                }
                                                else if (result.status == 'sedang dipinjam'){
                                                    $("#status_ada{{$inv->id}}").append('<b class="text-warning">Sedang Dipinjam</b>');
                                                    $("#btn_pinjam{{$inv->id}}").append('<button type="submit" class="btn btn-sm btn-disabled text-white">Pinjam</button>');
                                                }
                                                else if (result.status == 'baca'){
                                                    $("#status_ada{{$inv->id}}").append('<b class="text-warning">Sedang Dipinjam</b>');
                                                    $("#btn_pinjam{{$inv->id}}").append('<a class="btn btn-sm btn-rose text-white"' +
                                                        ' href="'+result.id_sirkulasi_pd+'/baca" >Baca</a>'+`@include("opac.components.modal_kembali_pustaka_digital")`);
                                                }
                                                else $("#status_ada{{$inv->id}}").append(result.status);
                                            });
                                        });
                                    </script>
                                    @else
                                        <script>
                                            $(document).ready(function(){
                                                $.getJSON("{{route('pd.check_inventaris_dipinjam', $inv->id)}}", function(result){
                                                    if (result.status == 'tersedia') {
                                                        $("#status_ada{{$inv->id}}").append('<b class="text-success">Tersedia</b>');
                                                    }
                                                    else if (result.status == 'hilang'){
                                                        $("#status_ada{{$inv->id}}").append('<b class="text-danger">Tidak Tersedia</b>');
                                                    }
                                                    else if (result.status == 'sedang dipinjam'){
                                                        $("#status_ada{{$inv->id}}").append('<b class="text-warning">Sedang Dipinjam</b>');
                                                    }
                                                    else if (result.status == 'baca'){
                                                        $("#status_ada{{$inv->id}}").append('<b class="text-warning">Sedang Dipinjam</b>');
                                                    }
                                                    else $("#status_ada{{$inv->id}}").append(result.status);
                                                });
                                            });
                                        </script>
                                    @endif

                                    <tr>
                                        <td class="align-top " >{{ ($inventaris->currentpage()-1) * $inventaris->perpage() + $key + 1 }}</td>
                                        <td class="align-top " >{{ $inv->no_inv }}</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 (auth()->guard('anggota')->check())
                                            <td width="250px" class="align-top text-right" id="btn_pinjam{{$inv->id}}">
                                            </td>
                                        @endif
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                            {{$inventaris->appends(Request::all())->links()}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection