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

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

<div class="card shadow mb-4">
    <div class="card-body">
        <form method="POST" action="{{ route('examiner.candidates.store') }}">
            @csrf
            <div class="row">
                <div class="col-md-4 form-group">
                    <label>Registration Number *</label>
                    <input type="text" name="reg_no" class="form-control @error('reg_no') is-invalid @enderror"
                           value="{{ old('reg_no') }}" required>
                    @error('reg_no')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-4 form-group">
                    <label>Surname *</label>
                    <input type="text" name="surname" class="form-control" value="{{ old('surname') }}" required>
                </div>
                <div class="col-md-4 form-group">
                    <label>First Name *</label>
                    <input type="text" name="firstname" class="form-control" value="{{ old('firstname') }}" required>
                </div>
                <div class="col-md-4 form-group">
                    <label>Other Names</label>
                    <input type="text" name="othernames" class="form-control" value="{{ old('othernames') }}">
                </div>
                <div class="col-md-4 form-group">
                    <label>Gender</label>
                    <select name="gender" class="form-control">
                        <option value="">-- Select --</option>
                        <option value="Male" {{ old('gender') == 'Male' ? 'selected' : '' }}>Male</option>
                        <option value="Female" {{ old('gender') == 'Female' ? 'selected' : '' }}>Female</option>
                    </select>
                </div>
                <div class="col-md-4 form-group">
                    <label>Phone</label>
                    <input type="text" name="phone" class="form-control" value="{{ old('phone') }}">
                </div>
                <div class="col-md-4 form-group">
                    <label>Department *</label>
                    <select name="department_id" class="form-control @error('department_id') is-invalid @enderror" required>
                        <option value="">-- Select --</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>
                <div class="col-md-4 form-group">
                    <label>Programme *</label>
                    <select name="programme_id" class="form-control" required>
                        <option value="">-- Select --</option>
                        @foreach($programmes as $p)
                        <option value="{{ $p->id }}" {{ old('programme_id') == $p->id ? 'selected' : '' }}>{{ $p->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4 form-group">
                    <label>Session *</label>
                    <select name="session_id" class="form-control" required>
                        <option value="">-- Select --</option>
                        @foreach($sessions as $s)
                        <option value="{{ $s->id }}" {{ old('session_id') == $s->id ? 'selected' : '' }}>{{ $s->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <button type="submit" class="btn btn-primary">Save Candidate</button>
            <a href="{{ route('examiner.candidates.index') }}" class="btn btn-secondary">Cancel</a>
        </form>
    </div>
</div>
@endsection