@extends('layouts.master')
@section('page_title', 'My Borrowed Books')
@section('content')

    <div class="card">
        <div class="card-header header-elements-inline">
            <h6 class="card-title">My Borrowed Books</h6>
            {!! Qs::getPanelOptions() !!}
        </div>

        <div class="card-body">
            <table class="table datatable-button-html5-columns">
                <thead>
                <tr>
                    <th>S/N</th>
                    <th>Book</th>
                    <th>Requested On</th>
                    <th>Return By</th>
                    <th>Status</th>
                </tr>
                </thead>
                <tbody>
                @foreach($requests as $r)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ optional($r->book)->name }}</td>
                        <td>{{ $r->start_date }}</td>
                        <td>{{ $r->end_date }}</td>
                        <td><span class="badge badge-{{ $r->status == 'issued' ? 'warning' : ($r->status == 'returned' ? 'success' : ($r->status == 'rejected' ? 'danger' : 'secondary')) }}">{{ ucfirst($r->status) }}</span></td>
                    </tr>
                @endforeach
                </tbody>
            </table>

            <a href="{{ route('books.index') }}" class="btn btn-primary">Browse Books <i class="icon-books ml-2"></i></a>
        </div>
    </div>

@endsection