@csrf

<div class="mb-3">
    <label for="district_id" class="form-label">District</label>
    <select class="form-select @error('district_id') is-invalid @enderror" id="district_id" name="district_id" required data-choices>
        <option value="">Select District</option>
        @foreach ($districts as $district)
            <option value="{{ $district->id }}" {{ old('district_id', $constituency->district_id ?? '') == $district->id ? 'selected' : '' }}>
                {{ $district->name }} ({{ $district->province->name }})
            </option>
        @endforeach
    </select>
    @error('district_id')
        <div class="invalid-feedback">{{ $message }}</div>
    @enderror
</div>

<div class="mb-3">
    <label for="name" class="form-label">Constituency Name</label>
    <input type="text" class="form-control @error('name') is-invalid @enderror" id="name" name="name" value="{{ old('name', $constituency->name ?? '') }}" required>
    @error('name')
        <div class="invalid-feedback">{{ $message }}</div>
    @enderror
</div>

<div class="mb-3">
    <div class="form-check">
        <input type="hidden" name="active" value="0">
        <input type="checkbox" class="form-check-input" id="active" name="active" value="1" {{ old('active', $constituency->active ?? 1) ? 'checked' : '' }}>
        <label class="form-check-label" for="active">Active</label>
    </div>
</div>

<div class="mt-3">
    <button type="submit" class="btn btn-primary">Save Constituency</button>
    <a href="{{ route('constituencies.index') }}" class="btn btn-light">Cancel</a>
</div>