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

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Programmes</h1>
    <a href="{{ route('examiner.programmes.create') }}" class="btn btn-sm btn-primary">
        <i class="fas fa-plus"></i> Add Programme
    </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>Programme</th>
                        <th>Code</th>
                        <th>Degree</th>
                        <th>Department</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($programmes as $prog)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $prog->name }}</td>
                    <td>{{ $prog->code ?? '—' }}</td>
                    <td>{{ $prog->degree ?? '—' }}</td>
                    <td>{{ optional($prog->department)->name ?? '—' }}</td>
                    <td>
                        <a href="{{ route('examiner.programmes.edit', $prog) }}" class="btn btn-xs btn-warning">Edit</a>
                        <form method="POST" action="{{ route('examiner.programmes.destroy', $prog) }}" class="d-inline"
                              onsubmit="return confirm('Remove this programme?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-xs btn-danger">Del</button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center text-muted">No programmes found</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        {{ $programmes->links() }}
    </div>
</div>
@endsection