@extends('anggota.layouts.layout_dashboard')

@section("title") Riwayat Peminjaman @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('content')
    <div class="header text-center mt-5 mb-3">
        <h3 class="title">Riwayat Peminjaman 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 class="table  table-striped ">
                        <thead>
                        <tr>
                            <th class="text-center">#</th>
                            <th><b>Waktu</b></th>
                            <th><b>Kegiatan</b></th>
                            <th><b>Inventaris</b></th>
                            <th><b>Judul</b></th>
                            <th><i>Biaya Denda</i></th>
                            <th><i>Diskon</i></th>
                            <th><b>Total Pembayaran</b></th>
                        </tr>
                        </thead>
                        <tbody>
                                                @foreach($transaksi as $key => $t)
                            <tr >
                                <td class="align-top text-center">
                                    {{ ($transaksi->currentpage()-1) * $transaksi->perpage() + $key + 1 }}
                                </td>
                                <td class="align-top">
                                    <b class="text-info">{{ $t->updated_at }}</b>
                                </td>
                                <td class="align-top limit">
                                    <strong>{{ $t->kegiatan }}</strong>
                                </td>
                                <td class="align-top">
                                    <span class="text-success">{{ $t->no_inv }}</span>
                                </td>
                                <td class="align-top limit">
                                    <strong>{{ $t->judul }}</strong>
                                </td>
                                <td class="align-top">
                                    <b class="text-danger mr-1">Rp.{{ $t->tot_biaya }} </b>
                                </td>
                                <td class="align-top">
                                    <b class="text-danger mr-1">Rp.{{ $t->tot_diskon }} </b>
                                </td>
                                <td class="align-top">
                                    <b class="text-danger mr-1">Rp.{{ $t->tot_pembayaran }}</b>
                                </td>
                            </tr>
                                                    @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection