@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 Cetak</h3>

        @if($cek_suspend['suspend'] == true)
            <div class="col ">
                <h5 class="text-danger text-center m-0">
                    Anda Terkena Suspend Penalti Hingga <b>{{ $cek_suspend['date_due'] }}</b>
                </h5>
            </div>
        @endif
    </div>

    <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><i>Sewa</i></th>
                            <th><i>Layanan</i></th>
                            <th><i>Denda</i></th>
                            <th><b>Total Biaya</b></th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($pinjaman as $key => $p)
                            <script>
                                $(document).ready(function(){
                                    $.getJSON("{{route('anggota.sirkulasi_pc.hitung_biaya', $p->id)}}", function(result){
                                        $("#denda{{$p->id}}").append(result.keterangan_denda);
                                        $("#tot_biaya{{$p->id}}").append('Rp.'+result.tot_biaya);
                                    });
                                });
                            </script>
                            <!-- 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>
                                    Jenis Koleksi : {{ $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.
                                    @if ($p->tanggal_harus_kembali < date('Y-m-d'))
                                        <b class="text-danger">{{ $p->tanggal_harus_kembali }}</b>&nbsp;<br>
                                        <b class="text-danger">TERLAMBAT</b>&nbsp;
                                    @else
                                        <b class="text-success">{{ $p->tanggal_harus_kembali }}</b>&nbsp;<br>
                                    @endif
                                </td>
                                <td class="align-top">
                                    <strong>{{ $p->total_perpanjang }} x</strong> ( maks.{{$p->max_perpanjang}}x )
                                </td>
                                <td class="align-top"><b class="text-danger mr-1">Rp.{{ $p->sewa }}</b></td>
                                <td class="align-top"><b class="text-danger mr-1">Rp.{{ $p->layanan }}</b></td>
                                <td width="300px" class="align-top" id="denda{{$p->id}}"></td>
                                <td class="align-top"><b class="text-danger mr-1" id="tot_biaya{{$p->id}}"></b></td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                    <div>
                        {{$pinjaman->appends(Request::all())->links()}}
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('anggota.components.tagihan_anggota')
@endsection