@extends('layouts.master')
@section('page_title', 'Library - Borrow Requests')
@section('content')

    <div class="card">
        <div class="card-header header-elements-inline">
            <h6 class="card-title">Library — Borrow Requests</h6>
            {!! Qs::getPanelOptions() !!}
        </div>

        <div class="card-body">
            <ul class="nav nav-pills mb-3">
                <li class="nav-item"><a class="nav-link {{ !$status ? 'active' : '' }}" href="{{ route('book_requests.index') }}">All</a></li>
                <li class="nav-item"><a class="nav-link {{ $status == 'pending' ? 'active' : '' }}" href="{{ route('book_requests.index', 'pending') }}">Pending</a></li>
                <li class="nav-item"><a class="nav-link {{ $status == 'issued' ? 'active' : '' }}" href="{{ route('book_requests.index', 'issued') }}">Issued</a></li>
                <li class="nav-item"><a class="nav-link {{ $status == 'returned' ? 'active' : '' }}" href="{{ route('book_requests.index', 'returned') }}">Returned</a></li>
            </ul>

            <table id="book_requests_table" class="table datatable-button-html5-columns">
                <thead>
                <tr>
                    <th>S/N</th>
                    <th>Book</th>
                    <th>Requested By</th>
                    <th>Requested On</th>
                    <th>Return By</th>
                    <th>Status</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                @foreach($requests as $r)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ optional($r->book)->name }}</td>
                        <td>{{ optional($r->user)->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>
                        <td>
                            @if($r->status == 'pending')
                                <form data-reload="#book_requests_table" class="d-inline ajax-update" method="post" action="{{ route('book_requests.approve', $r->id) }}">@csrf @method('put')
                                    <button class="btn btn-sm btn-success" type="submit">Approve &amp; Issue</button>
                                </form>
                                <form data-reload="#book_requests_table" class="d-inline ajax-update" method="post" action="{{ route('book_requests.reject', $r->id) }}">@csrf @method('put')
                                    <button class="btn btn-sm btn-danger" type="submit">Reject</button>
                                </form>
                            @elseif($r->status == 'issued')
                                <form data-reload="#book_requests_table" class="d-inline ajax-update" method="post" action="{{ route('book_requests.return', $r->id) }}">@csrf @method('put')
                                    <button class="btn btn-sm btn-primary" type="submit">Mark Returned</button>
                                </form>
                            @else
                                <span class="text-muted">&mdash;</span>
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

@endsection