@extends('petugas.layouts.layout_dashboard')

@section("title") Pustaka Berbagi 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_berbagi_digital.index')}}">@yield("title")</a></li>
    <li class="breadcrumb-item">Baca</li>
@endsection

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

@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;
        }

        $(function(){
            $('.button-check').click(function(){
                var thisID = $(this).attr('id');

                // $('#fmUP').attr('target', '_blank');
                if(thisID == 'sudah'){
                    $('#fmUP').attr('action', "{{route('petugas.pustaka_berbagi_digital.sudah_check')}}");
                }
                else if(thisID == 'belum'){
                    $('#fmUP').attr('action', "{{route('petugas.pustaka_berbagi_digital.belum_check')}}");
                }
                else if(thisID == 'tolak'){
                    $('#fmUP').attr('action', "{{route('petugas.pustaka_berbagi_digital.tolak_check')}}");
                }
            });
        });
    </script>
@endsection

@section('content')

    <div class="card ">
        <div class="card-header card-header-info card-header-icon">
            <div class="card-icon">
                <i class="material-icons">share</i>
            </div>
            <h4 class="card-title"><b>{{$pbd->judul}}</b></h4>
        </div>

        <div class="card-body pt-4">
            <div class="col text-right">
                <a href="{{route('petugas.pustaka_berbagi_digital.index')}}" class="ml-1 btn btn-rose btn-sm">
                    Kembali
                </a>
            </div>
            <ul class="nav nav-pills nav-pills-info 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 ($pbd->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_berbagi_digital/file/'. $pbd->file1)}}"
                           width="100%" height="650" alt="pdf"
                           pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
                </div>
                @if ($pbd->file2 != null)
                    <div class="tab-pane" id="link2">
                        <embed src="{{asset('storage/pustaka_berbagi_digital/file/'. $pbd->file2)}}"
                               width="100%" height="650" alt="pdf"
                               pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
                    </div>
                @endif
            </div>
        </div>

    </div>
@endsection