@extends('layouts.app')
@section('title', 'Procurement Requests')
@section('page_title', 'Procurement Requests')
@section('content')
<div class="card">
    <form method="GET" class="form-row-3">
        <div class="field"><label>Search</label><input name="search" value="{{ request('search') }}" placeholder="Request number or title"></div>
        <div class="field"><label>Status</label><select name="status"><option value="">All</option>@foreach(['draft','submitted','under_review','approved','rejected','ordered','partial_received','received','completed','cancelled'] as $status)<option value="{{ $status }}" @selected(request('status')===$status)>{{ str_replace('_',' ', $status) }}</option>@endforeach</select></div>
        <div class="field"><label>&nbsp;</label><button class="btn" type="submit">Filter</button> <a class="btn light" href="{{ route('admin.requests') }}">Clear</a></div>
    </form>
</div>
<div class="card">
    <table>
        <thead><tr><th>No</th><th>Title</th><th>User</th><th>Department</th><th>Required</th><th>Value</th><th>Status</th><th></th></tr></thead>
        <tbody>
        @forelse($requests as $request)
            <tr>
                <td>{{ $request->request_number }}</td>
                <td>{{ $request->title }}<br><span class="muted">{{ ucfirst($request->priority) }} priority</span></td>
                <td>{{ $request->user?->name }}</td>
                <td>{{ $request->department?->name ?? '-' }}</td>
                <td>{{ $request->required_date?->format('M d, Y') ?? '-' }}</td>
                <td>₦{{ number_format($request->estimated_total, 2) }}</td>
                <td><span class="badge {{ $statusClass($request->status) }}">{{ str_replace('_',' ', $request->status) }}</span></td>
                <td><a class="btn small" href="{{ route('admin.requests.show', $request) }}">Manage</a></td>
            </tr>
        @empty
            <tr><td colspan="8">No requests found.</td></tr>
        @endforelse
        </tbody>
    </table>
    <div class="pagination">{{ $requests->links() }}</div>
</div>
@endsection