@extends('layouts.admin')
@section('title', 'Departments')
@section('content')
<x-page-header title="Departments"><x-slot:actions><a href="{{ route('admin.departments.create') }}" class="btn btn-hp-primary btn-sm"><i class="bi bi-plus-lg"></i> New</a></x-slot:actions></x-page-header>
<div class="hp-card"><div class="table-responsive"><table class="table hp-table mb-0"><thead><tr><th>Code</th><th>Name</th><th>Employees</th><th>Status</th><th></th></tr></thead>
<tbody>@forelse($departments as $d)<tr><td>{{ $d->code }}</td><td>{{ $d->name }}</td><td>{{ $d->employees_count }}</td><td><x-status-badge :status="$d->status"/></td>
<td><a href="{{ route('admin.departments.show', $d) }}" class="btn btn-sm btn-hp-outline">View</a> <a href="{{ route('admin.departments.edit', $d) }}" class="btn btn-sm btn-hp-outline">Edit</a></td></tr>@empty<tr><td colspan="5" class="text-muted">No departments</td></tr>@endforelse</tbody></table></div><div class="p-3">{{ $departments->links() }}</div></div>
@endsection