@extends('layouts.examiner')
@section('title', 'Add Programme')

@section('content')
<h1 class="h3 mb-4 text-gray-800">Add Programme</h1>

<div class="card shadow mb-4" style="max-width:550px">
    <div class="card-body">
        <form method="POST" action="{{ route('examiner.programmes.store') }}">
            @csrf
            <div class="form-group">
                <label>Programme Name <span class="text-danger">*</span></label>
                <input type="text" name="name" class="form-control @error('name') is-invalid @enderror"
                       value="{{ old('name') }}" required autofocus>
                @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="form-group">
                <label>Code</label>
                <input type="text" name="code" class="form-control" value="{{ old('code') }}">
            </div>
            <div class="form-group">
                <label>Degree</label>
                <input type="text" name="degree" class="form-control" value="{{ old('degree') }}" placeholder="e.g. B.Sc, HND">
            </div>
            <div class="form-group">
                <label>Department <span class="text-danger">*</span></label>
                <select name="department_id" class="form-control @error('department_id') is-invalid @enderror" required>
                    <option value="">-- Select Department --</option>
                    @foreach($departments as $d)
                    <option value="{{ $d->id }}" {{ old('department_id') == $d->id ? 'selected' : '' }}>{{ $d->name }}</option>
                    @endforeach
                </select>
                @error('department_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <button type="submit" class="btn btn-primary">Save</button>
            <a href="{{ route('examiner.programmes.index') }}" class="btn btn-secondary">Cancel</a>
        </form>
    </div>
</div>
@endsection