@extends('layouts.app')
@section('title','Requisitions')
@section('page-title','Material & Tool Requisitions')
@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
  <div>
    <h5 class="mb-0"><i class="bi bi-clipboard2-pulse me-2"></i>Requisitions</h5>
    @if($pendingCount > 0)<small class="text-warning fw-semibold"><i class="bi bi-exclamation-circle me-1"></i>{{ $pendingCount }} item(s) awaiting your action</small>@endif
  </div>
  <a href="{{ route('requisitions.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>New Requisition</a>
</div>

<div class="card stat-card mb-3 p-2">
  <form class="row g-2 align-items-end" method="GET">
    <div class="col-md-3"><select name="project_id" class="form-select form-select-sm"><option value="">All Projects</option>@foreach($projects as $p)<option value="{{ $p->id }}" {{ request('project_id')==$p->id?'selected':'' }}>{{ $p->name }}</option>@endforeach</select></div>
    <div class="col-md-3"><select name="status" class="form-select form-select-sm"><option value="">All Statuses</option>@foreach($statuses as $key=>$s)<option value="{{ $key }}" {{ request('status')===$key?'selected':'' }}>{{ $s['label'] }}</option>@endforeach</select></div>
    <div class="col-md-2"><select name="type" class="form-select form-select-sm"><option value="">All Types</option><option value="material" {{ request('type')==='material'?'selected':'' }}>Material</option><option value="tool" {{ request('type')==='tool'?'selected':'' }}>Tool</option></select></div>
    <div class="col-md-2"><button class="btn btn-primary btn-sm w-100" type="submit"><i class="bi bi-search me-1"></i>Filter</button></div>
  </form>
</div>

<div class="card stat-card">
  <div class="table-responsive">
    <table class="table table-hover mb-0">
      <thead><tr><th>Req No</th><th>Type</th><th>Item</th><th>Project</th><th>Qty</th><th>Requested By</th><th>Urgency</th><th>Status</th><th>Next Actor</th><th></th></tr></thead>
      <tbody>
        @forelse($requisitions as $req)
        <tr>
          <td class="small fw-semibold">{{ $req->req_number }}</td>
          <td><span class="badge bg-{{ $req->type==='material'?'info':'secondary' }}">{{ $req->type }}</span></td>
          <td class="small">{{ Str::limit($req->item_description,35) }}</td>
          <td class="small">{{ $req->project->name ?? '-' }}</td>
          <td class="small">{{ $req->quantity }} {{ $req->unit }}</td>
          <td class="small">{{ $req->requester->name ?? '-' }}</td>
          <td><span class="badge bg-{{ $req->urgency==='critical'?'danger':($req->urgency==='high'?'warning text-dark':'secondary') }}">{{ $req->urgency }}</span></td>
          <td>
            @php $meta = $req->status_meta; @endphp
            <span class="badge bg-{{ $meta['color'] }}"><i class="bi bi-{{ $meta['icon'] }} me-1"></i>{{ $meta['label'] }}</span>
          </td>
          <td class="small text-muted">{{ $req->next_actor }}</td>
          <td><a href="{{ route('requisitions.show',$req) }}" class="btn btn-xs btn-outline-primary" style="font-size:.75rem;padding:.15rem .5rem"><i class="bi bi-eye"></i> View</a></td>
        </tr>
        @empty
        <tr><td colspan="10" class="text-center py-4 text-muted">No requisitions found.</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>
  <div class="card-footer bg-white">{{ $requisitions->links() }}</div>
</div>
@endsection