@extends('layouts.admin')
@section('title', 'Tasks')
@section('content')
<x-page-header title="Tasks"><x-slot:actions><a href="{{ route('admin.tasks.create') }}" class="btn btn-hp-primary btn-sm"><i class="bi bi-plus-lg"></i> New</a></x-slot:actions></x-page-header>
<form class="row g-2 mb-3" method="GET">
<div class="col-md-3"><select name="status" class="form-select"><option value="">All statuses</option>@foreach(['open','in_progress','completed','cancelled'] as $s)<option value="{{ $s }}" @selected(request('status')===$s)>{{ ucfirst(str_replace('_',' ',$s)) }}</option>@endforeach</select></div>
<div class="col-md-3"><select name="department_id" class="form-select"><option value="">All departments</option>@foreach($departments as $d)<option value="{{ $d->id }}" @selected(request('department_id')==$d->id)>{{ $d->name }}</option>@endforeach</select></div>
<div class="col-auto"><button class="btn btn-hp-primary">Filter</button></div>
</form>
<div class="hp-card"><div class="table-responsive"><table class="table hp-table mb-0"><thead><tr><th>Title</th><th>Department</th><th>Assigned</th><th>Priority</th><th>Due</th><th>Status</th><th></th></tr></thead>
<tbody>@forelse($tasks as $t)<tr><td>{{ $t->title }}</td><td>{{ $t->department?->name ?? '—' }}</td><td>{{ $t->assignedTo?->name ?? '—' }}</td><td><x-status-badge :status="$t->priority"/></td><td>{{ $t->due_date?->format('M j, Y') ?? '—' }}</td><td><x-status-badge :status="$t->status"/></td>
<td><a href="{{ route('admin.tasks.show', $t) }}" class="btn btn-sm btn-hp-outline">View</a></td></tr>@empty<tr><td colspan="7" class="text-muted text-center py-4">No tasks found.</td></tr>@endforelse</tbody></table></div><div class="p-3">{{ $tasks->links() }}</div></div>
@endsection