@extends('opac.layouts.layout_home')

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

@section("breadcrumb")
    <a class="text-white" href="/opac">Home</a> /
    <a class="text-white" href="/pbd"> Pustaka Berbagi Digital </a> /
    <a class="text-info" href=""> <b> Detail Pustaka Berbagi 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_bbg_dgt->gambar)}}"
                                         onerror="this.src='https://ui-avatars.com/api/?size=235&background=c9c9c9&name='+'{{ $pus_bbg_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_bbg_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_bbg_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_bbg_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_bbg_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_bbg_dgt[$jkf->field_asli] }}</td>
                                                    </tr>
                                                @endif
                                            @endforeach
                                        @endif
                                        <tr>
                                            <td class="align-top">Pengarang</td>
                                            <td>: {{ $pus_bbg_dgt->pengarang }}</td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Penerbit</td>
                                            <td>: {{ $pus_bbg_dgt->penerbit }}</td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Tahun</td>
                                            <td>: {{ $pus_bbg_dgt->tahun_terbit }}</td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Bahasa</td>
                                            <td>: {{ $bhs->bahasa }}</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>

                                @if (auth()->guard('anggota')->check())
                                    <div>
                                        <a href="{{ route('pbd.baca', $pus_bbg_dgt->id) }}" class="btn btn-sm text-white btn-info">Baca</a>
                                    </div>
                                @else
                                    <div>
                                        <p>
                                            Login anggota untuk dapat membaca<br>
                                            <a href="{{ route('pbd.baca', $pus_bbg_dgt->id) }}" class="btn btn-sm text-white btn-disabled">Baca</a>
                                        </p>
                                    </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>
        </div>
    </div>
@endsection