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

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

<div class="card shadow mb-4" style="max-width:550px">
    <div class="card-body">
        <form method="POST" action="{{ route('examiner.programmes.update', $programme) }}">
            @csrf @method('PUT')
            <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', $programme->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', $programme->code) }}">
            </div>
            <div class="form-group">
                <label>Degree</label>
                <input type="text" name="degree" class="form-control" value="{{ old('degree', $programme->degree) }}">
            </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', $programme->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">Update</button>
            <a href="{{ route('examiner.programmes.index') }}" class="btn btn-secondary">Cancel</a>
        </form>
    </div>
</div>
@endsection