@extends('layouts.app')
@section('title','Staff')
@section('page-title','Staff Management')
@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
  <h5 class="mb-0"><i class="bi bi-people me-2"></i>Staff / HR</h5>
  <a href="{{ route('staff.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>Add Staff</a>
</div>
<div class="card stat-card mb-3 p-2">
  <form class="row g-2" method="GET">
    <div class="col-md-3"><select name="department" class="form-select form-select-sm"><option value="">All Departments</option><option {{ request('department')==='administration'?'selected':'' }} value="administration">Administration</option><option {{ request('department')==='stores'?'selected':'' }} value="stores">Stores</option><option {{ request('department')==='project'?'selected':'' }} value="project">Project</option><option {{ request('department')==='security'?'selected':'' }} value="security">Security</option></select></div>
    <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-2"><select name="status" class="form-select form-select-sm"><option value="">All Status</option><option {{ request('status')==='active'?'selected':'' }} value="active">Active</option><option {{ request('status')==='inactive'?'selected':'' }} value="inactive">Inactive</option></select></div>
    <div class="col-md-2"><button type="submit" class="btn btn-primary btn-sm">Filter</button></div>
  </form>
</div>
<div class="card stat-card">
  <div class="table-responsive"><table class="table table-hover mb-0">
    <thead><tr><th>Staff ID</th><th>Name</th><th>Role</th><th>Department</th><th>Type</th><th>Daily Rate</th><th>Project</th><th>Status</th><th></th></tr></thead>
    <tbody>
      @forelse($staff as $s)
      <tr>
        <td class="small">{{ $s->staff_id }}</td>
        <td class="fw-semibold small">{{ $s->name }}</td>
        <td class="small">{{ $s->role }}</td>
        <td class="small"><span class="badge bg-secondary">{{ $s->department }}</span></td>
        <td class="small">{{ $s->employment_type }}</td>
        <td class="small">{{ $s->daily_rate ? 'GH₵ '.number_format($s->daily_rate,2) : '-' }}</td>
        <td class="small">{{ $s->project->name ?? '-' }}</td>
        <td><span class="badge {{ $s->status==='active'?'bg-success':'bg-danger' }}">{{ $s->status }}</span></td>
        <td><a href="{{ route('staff.edit',$s) }}" class="btn btn-xs btn-outline-secondary" style="font-size:.75rem;padding:.15rem .4rem"><i class="bi bi-pencil"></i></a></td>
      </tr>
      @empty<tr><td colspan="9" class="text-center py-4 text-muted">No staff records found.</td></tr>
      @endforelse
    </tbody>
  </table></div>
  <div class="card-footer bg-white">{{ $staff->links() }}</div>
</div>
@endsection