{{-- expects $circular (Circular|null), $subjects (Collection<CircularSubject>) --}}
@php
	$isEdit              = (bool) ($circular?->id);
	$selSubject          = old('subject_id',      $circular->subject_id      ?? '');
	$selTitle            = old('title',           $circular->title           ?? '');
	$selNotificationNo   = old('notification_no', $circular->notification_no ?? '');
	$selGazette          = old('gazette',         $circular->gazette         ?? '');
	$selDate             = old('date',            optional($circular?->date)->format('Y-m-d')         ?? '');
	$selPublish          = old('publish_date',    optional($circular?->publish_date)->format('Y-m-d') ?? '');
	$selDetails          = old('details',         $circular->details         ?? '');
@endphp

<form method="POST" action="{{ route('admin.circulars.save') }}" id="circularForm">
	@csrf
	<input type="hidden" name="id" value="{{ $circular->id ?? '' }}">

	{{-- Row 1: Subject / Title --}}
	<div class="row">
		<div class="col-md-4">
			<div class="mb-3">
				<label class="form-label" for="circular-subject-id">Subject <span class="text-danger">*</span></label>
				<select id="circular-subject-id" name="subject_id" class="form-select @error('subject_id') is-invalid @enderror" required>
					<option value="">— Select a Subject —</option>
					@foreach ($subjects as $s)
						<option value="{{ $s->id }}" {{ (string) $selSubject === (string) $s->id ? 'selected' : '' }}>{{ $s->subject }}</option>
					@endforeach
				</select>
				@error('subject_id') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
			</div>
		</div>

		<div class="col-md-8">
			<div class="mb-3">
				<label class="form-label" for="circular-title">Title <span class="text-danger">*</span></label>
				<input id="circular-title"
					type="text"
					name="title"
					value="{{ $selTitle }}"
					class="form-control @error('title') is-invalid @enderror"
					autofocus
					required>
				@error('title') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
			</div>
		</div>
	</div>

	{{-- Row 2: Notification No. / Gazette --}}
	<div class="row">
		<div class="col-md-6">
			<div class="mb-3">
				<label class="form-label" for="circular-notification-no">Notification No. <span class="text-muted small">(optional)</span></label>
				<input id="circular-notification-no"
					type="text"
					name="notification_no"
					value="{{ $selNotificationNo }}"
					class="form-control @error('notification_no') is-invalid @enderror">
				@error('notification_no') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
			</div>
		</div>

		<div class="col-md-6">
			<div class="mb-3">
				<label class="form-label" for="circular-gazette">Gazette <span class="text-muted small">(optional)</span></label>
				<input id="circular-gazette"
					type="text"
					name="gazette"
					value="{{ $selGazette }}"
					class="form-control @error('gazette') is-invalid @enderror">
				@error('gazette') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
			</div>
		</div>
	</div>

	{{-- Row 3: Circular Date / Publish Date --}}
	<div class="row">
		<div class="col-md-3">
			<div class="mb-3">
				<label class="form-label" for="circular-date">Circular Date <span class="text-danger">*</span></label>
				{{-- Flatpickr swaps this for a visible dd-mm-Y input and writes Y-m-d back here on submit. --}}
				<input id="circular-date"
					type="text"
					name="date"
					value="{{ $selDate }}"
					placeholder="dd-mm-yyyy"
					autocomplete="off"
					class="form-control @error('date') is-invalid @enderror"
					required>
				@error('date') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
			</div>
		</div>

		<div class="col-md-3">
			<div class="mb-3">
				<label class="form-label" for="circular-publish-date">Publish Date <span class="text-danger">*</span></label>
				<input id="circular-publish-date"
					type="text"
					name="publish_date"
					value="{{ $selPublish }}"
					placeholder="dd-mm-yyyy"
					autocomplete="off"
					class="form-control @error('publish_date') is-invalid @enderror"
					required>
				@error('publish_date') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
			</div>
		</div>
	</div>

	{{-- Row 4: Details body (CKEditor 5 replaces this textarea) --}}
	<div class="mb-3">
		<label class="form-label" for="circular-details">Details <span class="text-danger">*</span></label>
		<textarea id="circular-details"
			name="details"
			rows="14"
			class="form-control @error('details') is-invalid @enderror">{{ $selDetails }}</textarea>
		@error('details') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
	</div>

	<div class="d-flex justify-content-between align-items-center">
		<a href="{{ route('admin.circulars.index') }}" class="btn btn-link text-muted">
			<i class="fas fa-arrow-left"></i> Back to list
		</a>
		<button type="submit" class="btn btn-success">
			<i class="fas {{ $isEdit ? 'fa-pencil-alt' : 'fa-save' }}"></i>
			{{ $isEdit ? 'Update Circular' : 'Save Circular' }}
		</button>
	</div>
</form>