@extends('layouts.admin')
@section('title', $department->name)
@section('content')
<x-page-header :title="$department->name">
<x-slot:actions><a href="{{ route('admin.departments.edit', $department) }}" class="btn btn-hp-primary btn-sm">Edit</a></x-slot:actions>
</x-page-header>
<div class="row g-4">
<div class="col-md-4"><div class="hp-card"><div class="hp-card-body"><small class="text-muted">Code</small><div>{{ $department->code }}</div><small class="text-muted mt-2 d-block">Status</small><div><x-status-badge :status="$department->status"/></div></div></div></div>
<div class="col-md-8"><div class="hp-card"><div class="hp-card-header">Active Employees</div><div class="table-responsive"><table class="table hp-table mb-0"><thead><tr><th>#</th><th>Name</th><th>Job Title</th></tr></thead>
<tbody>@forelse($department->employees as $e)<tr><td>{{ $e->employee_number }}</td><td><a href="{{ route('admin.employees.show', $e) }}">{{ $e->full_name }}</a></td><td>{{ $e->job_title ?? '—' }}</td></tr>@empty<tr><td colspan="3" class="text-muted">No active employees</td></tr>@endforelse</tbody></table></div></div></div>
</div>
@endsection