@extends('anggota.layouts.layout_dashboard')

@section("title") Pinjaman Aktif @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('content')
    <div class="header text-center mt-5 mb-3">
        <h3 class="title">Pinjaman Aktif Pustaka Digital</h3>
    </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 class="row">
        <div class="col">
            <div class=" card">
                <div class="table-responsive table-sales mt-1 table-grey" >
                    <table class="table table-striped table-hover">
                        <thead>
                        <tr>
                            <th class="text-center">#</th>
                            <th><b>Inventaris</b></th>
                            <th><b>Judul</b></th>
                            <th class="text-center"><b>Waktu</b></th>
                            <th><b>Perpanjangan</b></th>
                            <th class="text-right"><b>Action</b></th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($pinjaman as $key => $p)
                            <!-- Jika terlambar colom akan berwarna kuning-->
                            <tr
                                @if ($p->tanggal_harus_kembali < date('Y-m-d'))
                                class="table-warning"
                                @endif>
                                <td class="align-top text-center">
                                    {{ ($pinjaman->currentpage()-1) * $pinjaman->perpage() + $key + 1 }}
                                </td>
                                <td class="align-top">
                                    <span class="text-success">{{ $p->no_inv }}</span><br>
                                    {{ $p->jenis_koleksi }}
                                </td>
                                <td width="300px" class="align-top limit">
                                    <strong>{{ $p->judul }}</strong>
                                </td>
                                <td class="align-top text-center">
                                    <b class="text-info">{{ $p->tanggal_pinjam }}</b> sd.
                                    <b class="text-success">{{ $p->tanggal_harus_kembali }}</b>&nbsp;<br>
                                </td>
                                <td class="td-actions align-top" height=100%>

                                    {{ Form::open(['route' => ['anggota.perpanjang'],'method'=>'POST','enctype'=>"multipart/form-data",'files'=>true]) }}
                                    {{ Form::hidden('no_inv',$p->no_inv) }}
                                    <strong>{{ $p->total_perpanjang }} x</strong> ( maks.{{$p->max_perpanjang}}x )
                                    @if($p->total_perpanjang < $p->max_perpanjang)
                                        <button class="btn btn-primary text-white btn-sm ml-1 " type="submit">
                                            Perpanjang
                                        </button>
                                    @else
                                        <button class="btn btn-disabled text-white btn-sm ml-1 " disabled type="button">
                                            Perpanjang
                                        </button>
                                    @endif
                                    {{ Form::close() }}
                                </td>
                                <td class="td-actions text-right align-top" height=100%>
                                    {{ Form::open(['route' => ['anggota.transaksi_buku'],'method'=>'POST','enctype'=>"multipart/form-data",'files'=>true]) }}
                                    {{ Form::hidden('id_anggota',auth()->guard('anggota')->user()->id) }}
                                    {{ Form::hidden('no_inv',$p->no_inv) }}
                                    <a class="btn btn-sm btn-rose text-white " href="{{ route('pd.baca', [$p->id]) }}">BACA</a>
                                    <button class="btn btn-warning text-white btn-sm ml-1 " type="submit">
                                        kembalikan
                                    </button>
                                    {{ Form::close() }}
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                    <div>
                        {{$pinjaman->appends(Request::all())->links()}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection