{{-- expects $section (Section|null) and $acts (Collection<Act>) --}}
<form id="sectionForm">
	<input type="hidden" name="_token" value="{{ csrf_token() }}">
	<input type="hidden" name="id" value="{{ $section->id ?? '' }}">

	<div class="mb-3">
		<label class="form-label" for="section-act-id">Act <span class="text-danger">*</span></label>
		<select id="section-act-id" name="act_id" class="form-select" required>
			<option value="">— Select an Act —</option>
			@foreach ($acts as $a)
				<option value="{{ $a->id }}" {{ ($section->act_id ?? '') == $a->id ? 'selected' : '' }}>
					{{ $a->act }}
				</option>
			@endforeach
		</select>
	</div>

	<div class="mb-3">
		<label class="form-label" for="section-name">Section <span class="text-danger">*</span></label>
		<input id="section-name"
			type="text"
			name="section"
			value="{{ $section->section ?? '' }}"
			class="form-control"
			maxlength="250"
			required>
		<small class="text-muted">Section name must be unique within the chosen Act (case-insensitive).</small>
	</div>

	<div class="mb-3">
		<label class="form-label" for="section-description">Description <span class="text-muted small">(optional)</span></label>
		<textarea id="section-description"
			name="description"
			rows="4"
			class="form-control">{{ $section->description ?? '' }}</textarea>
	</div>

	<button type="submit"
		class="btn btn-success submitBtn"
		data-loading-text='<i class="fa-solid fa-spinner fa-spin"></i> {{ $section?->id ? 'Updating...' : 'Saving...' }}'>
		<i class="fas {{ $section?->id ? 'fa-pencil-alt' : 'fa-save' }}"></i>
		{{ $section?->id ? 'Update' : 'Save' }}
	</button>
</form>