@extends('petugas.layouts.layout_dashboard')

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

@section("breadcrumb")
    <li class="breadcrumb-item"><a href="{{route('anggota.dashboard.index')}}">Dashboard</a></li>
    <li class="breadcrumb-item">@yield("title")</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="row">
        <div class="col-md-12">
            <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">Data Pustaka Berbagi Digital</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <form action="{{route('petugas.pustaka_berbagi_digital.index')}}">
                                <div class="input-group mb-3">
                                    <input value="{{Request::get('keyword')}}" name="keyword"
                                           class="form-control col-md-10" type="text"
                                           placeholder="Cari Nama Anggota" />
                                    Status : &nbsp;
                                    <div class="form-check">
                                        <label class="form-check-label">
                                            <input class="form-check-input" type="radio" name="status"
                                                   {{Request::get('status') == 'sudah' ? 'checked' : ''}} value="sudah">
                                            Sudah
                                            <span class="circle">
                                                <span class="check"></span>
                                            </span>
                                        </label>
                                    </div>

                                    <div class="form-check">
                                        <label class="form-check-label">
                                            <input class="form-check-input" type="radio" name="status"
                                                   {{Request::get('status') == 'proses' ? 'checked' : ''}} value="proses">
                                            Proses
                                            <span class="circle">
                                                <span class="check"></span>
                                            </span>
                                        </label>
                                    </div>

                                    <div class="form-check">
                                        <label class="form-check-label">
                                            <input class="form-check-input" type="radio" name="status"
                                                   {{Request::get('status') == 'belum' ? 'checked' : ''}} value="belum">
                                            Belum
                                            <span class="circle">
                                                <span class="check"></span>
                                            </span>
                                        </label>
                                    </div>


                                    <div class="form-check">
                                        <label class="form-check-label">
                                            <input class="form-check-input" type="radio" name="status"
                                                   {{Request::get('status') == 'tolak' ? 'checked' : ''}} value="tolak">
                                            Tolak
                                            <span class="circle">
                                                <span class="check"></span>
                                            </span>
                                        </label>
                                    </div>
                                    <button type="submit" class="btn btn-success btn-raised btn-fab btn-round">
                                        <i class="material-icons">search</i>
                                    </button>

                                </div>
                            </form>
                        </div>

                        <div class="col-md-7 text-right">
                            {{-- <a href="{{route('anggota.create')}}" class="ml-1 btn btn-success  btn-round">
                                <i class="material-icons">person_add</i> Tambah Anggota
                            </a> --}}
                        </div>
                    </div>
                    <div class="table-responsive">
                        <form action="#" enctype="multipart/form-data"
                              id="fmUP" name="fmUP" method="post">
                            @csrf
                            <table class="table table-striped table-no-bordered table-hover dataTable dtr-inline">
                                <thead>
                                <tr>
                                    <th class="text-center">#</th>
                                    <th><b>User</b></th>
                                    <th><b>Pustaka</b></th>
                                    <th class="text-center"><b>Status</b></th>
                                    <th class="text-right">
                                        <button type="submit" id="sudah" class="button-check btn btn-success btn-sm">
                                            <i class="material-icons">done</i> Sudah
                                        </button>
                                        <button type="submit" id="belum" class="button-check btn btn-warning btn-sm">
                                            <i class="material-icons">pan_tool</i> Belum
                                        </button>
                                        <button type="submit" id="tolak" class="button-check btn btn-danger btn-sm">
                                            <i class="material-icons">close</i> Tolak
                                        </button>
                                    </th>
                                    <th width='5px'>
                                        <div class="form-check w-5">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox"
                                                       onclick="javascript:checkall('fmUP', 'id_up[]');">
                                                <span class="form-check-sign">
                                                        <span class="check"></span>
                                                    </span>
                                            </label>
                                        </div>
                                    </th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($pbds as $key => $pbd)
                                    <tr>
                                        <td class="text-center">
                                            {{ ($pbds->currentpage()-1) * $pbds->perpage() + $key + 1 }}</td>
                                        <td>
                                            <b>  </b><br>
                                            <text class="text-warning"> {{$pbd->nama}} </text>
                                        </td>
                                        <td>
                                            <h6 class="mb-0"> {{$pbd->judul}} </h6>
                                            {{$pbd->penerbit}}, {{ $pbd->pengarang}}, {{ $pbd->tahun}}, {{ $pbd->edisi}}
                                        </td>
                                        <td class="text-center">
                                            @if($pbd->status_proses == "sudah")
                                                <span class="badge badge-success">
                                                {{$pbd->status_proses}}
                                            </span>

                                            @elseif($pbd->status_proses == "proses")
                                                <span class="badge badge-info">
                                                {{$pbd->status_proses}}
                                            </span>

                                            @elseif($pbd->status_proses == "belum")
                                                <span class="badge badge-warning">
                                                {{$pbd->status_proses}}
                                            </span>

                                            @elseif($pbd->status_proses == "tolak")
                                                <span class="badge badge-danger">
                                                {{$pbd->status_proses}}
                                            </span>
                                            @endif
                                        </td>
                                        <td class="td-actions text-right">
                                            {{$pbd->tanggapan}}&nbsp;
                                            <a class="btn btn-info text-white btn-sm"
                                               rel="tooltip" data-placement="bottom" title=""
                                               href="{{ route('petugas.pustaka_berbagi_digital.show',[$pbd->id]) }}">
                                                BACA
                                            </a>
                                        </td>
                                        <td width='5px'>
                                            <div class="form-check w-5">
                                                <label class="form-check-label">
                                                    <input class="form-check-input" type="checkbox" name="id_up[]"
                                                           value="{{$pbd->id}}" >
                                                    <span class="form-check-sign">
                                                <span class="check"></span>
                                                </span>
                                                </label>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </form>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            {{$pbds->appends(Request::all())->links()}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection