@extends('layouts.master')
@section('title') Requisitions @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') Procurement @endslot
@slot('title') Requisitions @endslot
@endcomponent

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
    {{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex align-items-center">
                <h5 class="card-title mb-0 flex-grow-1">All Requisitions</h5>
                <div class="flex-shrink-0">
                    <a href="{{ route('requisitions.create') }}" class="btn btn-primary">
                        <i class="ri-add-line align-bottom me-1"></i> New Requisition
                    </a>
                </div>
            </div>

            <div class="card-body border-bottom">
                <form method="GET" class="row g-2 align-items-end">
                    <div class="col-sm-4">
                        <label class="form-label mb-1">Status</label>
                        <select name="status" class="form-select" onchange="this.form.submit()">
                            <option value="">All statuses</option>
                            @foreach(['draft','submitted','area_review','returned_to_station','pal_received','pal_processing','submitted_to_procurement','procurement_review','pal_query','po_issued','po_sent','awaiting_delivery','delivered','delivery_issue','delivery_confirmed','invoice_pending','invoice_received','invoice_verified','with_finance','payment_processing','payment_confirmed','payment_received','closed','cancelled'] as $s)
                            <option value="{{ $s }}" @selected(request('status') === $s)>{{ ucwords(str_replace('_',' ',$s)) }}</option>
                            @endforeach
                        </select>
                    </div>
                    @if(request('status'))
                    <div class="col-sm-2">
                        <a href="{{ route('requisitions.index') }}" class="btn btn-soft-secondary">Clear</a>
                    </div>
                    @endif
                </form>
            </div>

            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Reference</th>
                                <th>Title</th>
                                <th>Station</th>
                                <th>Priority</th>
                                <th class="text-end">Est. Total</th>
                                <th>Status</th>
                                <th>Created</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($requisitions as $req)
                            <tr>
                                <td><a href="{{ route('requisitions.show', $req) }}" class="fw-medium">{{ $req->reference_no }}</a></td>
                                <td>{{ $req->title }}</td>
                                <td>{{ $req->station?->name }}</td>
                                <td>
                                    @php $pc = ['urgent'=>'danger','high'=>'warning','normal'=>'secondary','low'=>'light']; @endphp
                                    <span class="badge bg-{{ $pc[$req->priority] ?? 'secondary' }} text-uppercase">{{ $req->priority }}</span>
                                </td>
                                <td class="text-end">{{ number_format($req->estimated_total, 2) }}</td>
                                <td><span class="badge bg-{{ $req->status_color }}-subtle text-{{ $req->status_color }}">{{ $req->status_label }}</span></td>
                                <td>{{ $req->created_at->format('d M Y') }}</td>
                                <td class="text-end">
                                    <a href="{{ route('requisitions.show', $req) }}" class="btn btn-sm btn-soft-primary">View</a>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="8" class="text-center text-muted py-4">
                                    No requisitions yet.
                                    <a href="{{ route('requisitions.create') }}">Create the first one</a>.
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <div class="mt-3">
                    {{ $requisitions->links('pagination::bootstrap-5') }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection