@csrf

<div class="row g-3">
    <div class="col-12 col-lg-8">
        <label class="form-label fw-semibold" for="position_id">Jawatan</label>
        <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
    </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.saluran.kuota.index', [$pusat, $saluran]) }}" 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>