@csrf

<div class="row g-3">
    <div class="col-12 col-lg-8">
        <label class="form-label fw-semibold" for="position_id">Jawatan</label>
        @if ($quota->exists)
            {{-- Edit: papar nama sahaja, tidak boleh tukar jawatan (guna updateOrCreate) --}}
            <input type="hidden" name="position_id" value="{{ $quota->position_id }}">
            <input type="text" class="form-control" value="{{ $quota->position?->code }} — {{ $quota->position?->name }}" disabled>
        @else
            <select id="position_id" name="position_id" class="form-select @error('position_id') is-invalid @enderror" required data-tom-select>
                <option value="">Pilih jawatan</option>
                @foreach ($positions as $position)
                    <option value="{{ $position->id }}" @selected((int) old('position_id', $quota->position_id) === $position->id)>
                        {{ $position->code }} — {{ $position->name }}
                    </option>
                @endforeach
            </select>
            @error('position_id')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        @endif
    </div>

    <div class="col-12 col-lg-4">
        <label class="form-label fw-semibold" for="quota">Bilangan Kekosongan</label>
        <input id="quota" name="quota" type="number" min="0" max="9999"
               class="form-control @error('quota') is-invalid @enderror"
               value="{{ old('quota', $quota->quota ?? 0) }}" required>
        @error('quota')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>
</div>

<div class="d-flex justify-content-end gap-2 mt-4">
    <a href="{{ route('admin.setup.pusat.kuota.index', $pusat) }}" class="btn btn-outline-secondary">Batal</a>
    <button class="btn btn-primary" type="submit">
        <i class="bi bi-save me-1"></i>{{ $quota->exists ? 'Kemas Kini' : 'Simpan' }}
    </button>
</div>