@extends('layouts.admin')
@section('css')
    <!-- begin::datepicker -->
    <link rel="stylesheet" href="/assets/vendors/datepicker-jalali/bootstrap-datepicker.min.css">
    <link rel="stylesheet" href="/assets/vendors/datepicker/daterangepicker.css">
    <!-- end::datepicker -->
@endsection('css')
@section('script')
    <!-- begin::datepicker -->
    <script src="/assets/vendors/datepicker-jalali/bootstrap-datepicker.min.js"></script>
    <script src="/assets/vendors/datepicker-jalali/bootstrap-datepicker.fa.min.js"></script>
    <script src="/assets/vendors/datepicker/daterangepicker.js"></script>
    <script src="/assets/js/examples/datepicker.js"></script>
    <!-- end::datepicker -->
    <script>
        jQuery(document).ready(function () {
            jQuery('#hideshow').on('click', function (event) {
                jQuery('#search').toggle('show');
            });
        });
    </script>
@endsection('script')
@section('navbar')


@endsection('navbar')
@section('sidebar')
@endsection('sidebar')

@section('header')
    <div class="page-header">
        <div>
            <h3>
                نمایش کتابخانه
            </h3>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/admin/home">داشبورد</a></li>
                    <li class="breadcrumb-item"><a href="#">کتابخانه</a></li>
                    <li class="breadcrumb-item active" aria-current="page">کتاب های در دست امانت</li>
                </ol>
            </nav>
        </div>

    </div>
@endsection('header')
@section('content')
    @if (session('status'))
        <div class="alert alert-success">
            {{ session('status') }}
        </div>
    @endif
    <div class="card">
        <div class="card-body">
            <input type='button' class="btn btn-primary" id='hideshow' value='جستجوی پیشرفته'>
            <div id='search'  style="display: none">
                <form method="get" action="/admin/library/intrust">
                    @csrf
                    <div class="d-flex flex-row">
                        <div class="p-2">
                            <input class="form-control" id="issue" name="issue" value="{{request()->issue}}"
                                   placeholder="شماره کتاب را وارد کنید">
                        </div>
                        <div class="p-2">
                            <input class="form-control" id="name" name="name" value="{{request()->name}}"
                                   placeholder="نام کتاب را وارد کنید">
                        </div>
                        <div class="p-2">
                            <input class="form-control" id="user" name="user" value="{{request()->user}}"
                                   placeholder="امانت گیرنده کتاب را وارد کنید">
                        </div>
                        <div class="p-2">
                          <select name="tamdid" class="form-control">
                              <option >تمدید</option>
                              <option @if(request()->tamdid==1) selected @endif value="1">بله</option>
                              <option @if(request()->tamdid==2) selected @endif value="2">خیر</option>
                          </select>
                        </div>
                        <div class="p-2">
                            <input type="text" name="start_date" id="date-picker-shamsi-list"
                                   class="form-control text-right"
                                   value="{{request()->start_date}}" placeholder="تاریخ دریافت از ..." autocomplete="off">
                            <br>
                            <input class="form-control date-picker-shamsi"  name="end_date"
                                   value="{{request()->end_date}}"
                                   placeholder="تاریخ دریافت تا ..." autocomplete="off">
                        </div>
                        <div class="p-2">
                            <button type="submit" class="btn btn-info">جستجوکن</button>
                        </div>
                    </div>

                </form>
            </div>
            <div class="media-body table-responsive">
                <br>
                <table id="example1" class="table  table-striped table-bordered ">
                    <thead>
                    <tr style="text-align: center">
                        <th>شمارنده</th>
                        <th>شماره کتاب</th>
                        <th>نام</th>
                        <th>امانت گیرنده</th>
                        <th>تمدید کرده؟</th>
                        <th>تاریخ دریافت</th>
                        <th>مهلت برگشت</th>

                        <th>عملیات</th>
                    </tr>
                    </thead>
                    <tbody>
                    
                    @foreach($data as $row)
                        <tr class="form-group" STYLE="text-align: center">
                            <td style="text-align: center">{{$idn}}</td>

                            <td>{{$row->issue}}</td>
                            <td>{{$row->name}}</td>
                            <td>{{$row->f_name}}-{{$row->l_name}}</td>
                            <td>
                                @if($row->count==1 )
                                    بله
                                @else
                                    خیر
                                @endif
                            </td>
                            <td>{{$row->created_at}}</td>
                            <td>
                                @if(($row->expire) >= $date)

                                    <button type="text"
                                            class="btn btn-success"
                                    >{{getexpire($row->expire)}}
                                    </button>
                                @else
                                    <button type="text"
                                            class="btn btn-danger"
                                    >{{getexpire($row->expire)}}
                                    </button>
                                @endif
                            </td>
                            <td class="text-center">
                                @if(($row->expire) <= $date)
                                    <form method="post" action="/admin/library/fines">
                                        @csrf
                                        <input name="library_id" value="{{$row->library_id}}" hidden>
                                        <input name="user_id" value="{{$row->user_id}}" hidden>
                                        <input name="day" value="{{getday($row->expire)}}" hidden>
                                        <button title="محاسبه جریمه" class="btn btn-danger btn-rounded">جریمه</button>
                                    </form>
                                @endif
                                @if(count(\App\Reservation::where('library_id',$row->library_id)->where('status',1)->get())>0)
                                    <button type="button" title="رزرو شده" class="btn btn-warning btn-rounded"
                                            data-toggle="modal" data-target="#myModal-{{$row->id}}">در صف دریافت
                                    </button>