@extends('layouts.examiner')
@section('title', 'Departments')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Departments</h1>
    <a href="{{ route('examiner.departments.create') }}" class="btn btn-sm btn-primary">
        <i class="fas fa-plus"></i> Add Department
    </a>
</div>

<div class="card shadow mb-4">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered table-sm">
                <thead class="thead-light">
                    <tr>
                        <th>#</th>
                        <th>Department</th>
                        <th>Code</th>
                        <th>Faculty</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($departments as $dept)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $dept->name }}</td>
                    <td>{{ $dept->code ?? '—' }}</td>
                    <td>{{ optional($dept->faculty)->name ?? '—' }}</td>
                    <td>
                        <a href="{{ route('examiner.departments.edit', $dept) }}" class="btn btn-xs btn-warning">Edit</a>
                        <form method="POST" action="{{ route('examiner.departments.destroy', $dept) }}" class="d-inline"
                              onsubmit="return confirm('Remove this department?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-xs btn-danger">Del</button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="5" class="text-center text-muted">No departments found</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        {{ $departments->links() }}
    </div>
</div>
@endsection