@extends('petugas.layouts.layout_dashboard')

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

@section("breadcrumb")
    <li class="breadcrumb-item"><a href="{{route('petugas.dashboard.index')}}">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="{{route('petugas.pustaka_digital.index')}}">Pustaka Digital</a></li>
    <li class="breadcrumb-item">@yield("title")</li>
@endsection

@section('footer-scripts')
    @include('petugas.components.notification')

    <script type='text/javascript'>
        all_checked = true;
        function checkall(formName, boxName) {
            for(i = 0; i < document.getElementById(formName).elements.length; i++)
            {
                var formElement = document.getElementById(formName).elements[i];
                if(formElement.type == 'checkbox' && formElement.name == boxName && formElement.disabled == false)
                {
                    formElement.checked = all_checked;
                }
            }
            all_checked = all_checked ? false : true;
        }
    </script>
@endsection

@section("content")

    <div class="row">
        <div class="col-md-12">
            <div class="card ">
                <div class="card-header card-header-rose card-header-icon">
                    <div class="card-icon">
                        <i class="material-icons">collections_bookmark</i>
                    </div>
                    <h4 class="card-title">Profile Pustaka Digital</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.pustaka_digital.index')}}" class="ml-1 btn btn-rose btn-sm">
                                Kembali
                            </a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-2 ">
                            <div class="" >
                                <div class="card-header card-header-image m-0" data-header-animation="true">
                                    <a href="#pablo">
                                        <img src="{{asset('storage/pustaka_digital/'. $pustaka_digital->gambar)}}"
                                             onerror="this.src='https://ui-avatars.com/api/?size=235&background=c9c9c9&name={{$pustaka_digital->judul}}'" />
                                    </a>
                                </div>
                                <div class="card-body">
                                    <div class="card-actions text-center">
                                        <button type="button" class="btn btn-danger btn-link fix-broken-card">
                                            <i class="material-icons">build</i>
                                        </button>
                                        <a href="{{ route('petugas.pustaka_digital.edit',[$pustaka_digital->id]) }}" type="button" class="btn btn-success btn-link" rel="tooltip" data-placement="bottom" title="" data-original-title="Edit">
                                            <i class="material-icons">edit</i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-10 ">
                            <h3 class="card-title">
                                <a href="#pablo">{{$pustaka_digital->judul}}</a>
                            </h3>
                            <div class="row mt-3 mb-3">
                                <div class="col-md-6">
                                    <table class="text-left">
                                        <tr>
                                            <td class="align-top">Nomor Pustaka Digital</td>
                                            <td class="align-top">:<b class="text-dark"> {{$pustaka_digital->nomor_pustaka_digital}}</b></td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Jenis Koleksi</td>
                                            <td class="align-top">:<span class="text-rose"> {{$jenis_koleksi->jenis_koleksi}}</span></td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Penerbit</td>
                                            <td class="align-top">: {{$pustaka_digital->penerbit}}<br></td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Pengarang</td>
                                            <td class="align-top">: {{$pustaka_digital->pengarang}} {{$pustaka_digital->pengarang2}} {{$pustaka_digital->pengarang3}}</td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Kota</td>
                                            <td class="align-top">: {{$pustaka_digital->kota_terbit}}<br></td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Tahun</td>
                                            <td class="align-top">: {{$pustaka_digital->tahun_terbit}}<br></td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Klasifikasi</td>
                                            <td class="align-top">: {{$pustaka_digital->klasifikasi}}<br></td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Subyek</td>
                                            <td class="align-top">: {{$pustaka_digital->subyek}}<br></td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <table class="text-left">
                                        <tr>
                                            <td class="align-top">Kontributor</td>
                                            <td class="align-top">: {{$pustaka_digital->kontributor}}<br></td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">ISBN</td>
                                            <td class="align-top">: {{$pustaka_digital->isbn}}<br></td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Bahasa</td>
                                            <td class="align-top">: {{$bahasa->bahasa}} {{$bahasa->keterangan}}<br></td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Edisi</td>
                                            <td class="align-top">: {{$pustaka_digital->edisi}}<br></td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Halaman</td>
                                            <td class="align-top">: {{$pustaka_digital->halaman}}<br></td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Fiksi</td>
                                            <td class="align-top">: @if($pustaka_digital->status_fiksi) Fiksi @else Non Fiksi @endif<br></td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Bibliografi</td>
                                            <td class="align-top">: @if($pustaka_digital->bibliografi != null) Ada @else Tidak Ada @endif<br></td>
                                        </tr>
                                        <tr>
                                            <td class="align-top">Buku Referensi</td>
                                            <td class="align-top">: @if($pustaka_digital->status_ref != null) Ya @else Tidak @endif<br></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <h4 class="card-title">
                                Abstraksi
                            </h4>
                            <div>
                                @if($abstraksi)
                                                                    @else
                                    -
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            @include('petugas.pengolahan.pustaka_digital.inventaris.index')

            <div class="card ">
                <div class="card-header card-header-rose card-header-icon">
                    <div class="card-icon">
                        <i class="material-icons">picture_as_pdf</i>
                    </div>
                    <h4 class="card-title"><b>{{$pustaka_digital->judul}}</b></h4>
                </div>

                <div class="card-body p-0 pt-4">
                    <ul class="nav nav-pills nav-pills-rose d-flex justify-content-center" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#link1" role="tablist">
                                File 1
                            </a>
                        </li>
                        @if ($pustaka_digital->file2 != null)
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#link2" role="tablist">
                                    File 2
                                </a>
                            </li>
                        @endif
                    </ul>
                    <div class="tab-content tab-space">
                        <div class="tab-pane active" id="link1">
                            <embed src="{{asset('storage/pustaka_digital/file/'. $pustaka_digital->file1)}}"
                                   width="100%" height="650" alt="pdf"
                                   pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
                        </div>
                        @if ($pustaka_digital->file2 != null)
                            <div class="tab-pane" id="link2">
                                <embed src="{{asset('storage/pustaka_digital/file/'. $pustaka_digital->file2)}}"
                                       width="100%" height="650" alt="pdf"
                                       pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
                            </div>
                        @endif
                    </div>
                </div>

            </div>

        </div>
    </div>

@endsection