@csrf
@if(isset($item))
    @method('PUT')
@endif

@if(!isset($item))
    <div class="form-group">
        <label for="kode_soal">Kode Soal <span class="text-muted">(unik, tanpa spasi, mis. "sn4")</span></label>
        <input type="text" id="kode_soal" name="kode_soal" class="form-control" value="{{ old('kode_soal') }}" maxlength="10" required autofocus>
        @error('kode_soal') <div class="field-error">{{ $message }}</div> @enderror
    </div>
@else
    <div class="form-group">
        <label>Kode Soal</label>
        <input type="text" class="form-control" value="{{ $item->kode_soal }}" disabled>
        <div class="field-error" style="color:var(--muted);">Kode soal tidak bisa diubah karena sudah menjadi acuan jawaban responden.</div>
    </div>
@endif

<div class="form-group">
    <label for="urutan">Urutan Tampil</label>
    <input type="number" id="urutan" name="urutan" class="form-control" min="1" value="{{ old('urutan', $item->urutan ?? $urutanBerikutnya ?? '') }}" required>
    @error('urutan') <div class="field-error">{{ $message }}</div> @enderror
</div>

<div class="form-group">
    <label for="dimensi">Dimensi</label>
    <input type="text" id="dimensi" name="dimensi" class="form-control" list="dimensi-list" value="{{ old('dimensi', $item->dimensi ?? '') }}" placeholder='Mis. "A — Subjective Norm"' required>
    <datalist id="dimensi-list">
        @foreach ($dimensiTerdaftar ?? [] as $d)
            <option value="{{ $d }}"></option>
        @endforeach
    </datalist>
    @error('dimensi') <div class="field-error">{{ $message }}</div> @enderror
</div>

<div class="form-group">
    <label for="jenis_pernyataan">Jenis Pernyataan</label>
    <select id="jenis_pernyataan" name="jenis_pernyataan" class="form-control" required>
        @foreach (['Positif', 'Negatif'] as $opt)
            <option value="{{ $opt }}" {{ old('jenis_pernyataan', $item->jenis_pernyataan ?? 'Positif') === $opt ? 'selected' : '' }}>{{ $opt }}</option>
        @endforeach
    </select>
    <div class="field-error" style="color:var(--muted);">Menentukan arah skor: Positif (SS=5...STS=1) atau Negatif (SS=1...STS=5).</div>
    @error('jenis_pernyataan') <div class="field-error">{{ $message }}</div> @enderror
</div>

<div class="form-group">
    <label for="teks_pertanyaan">Teks Pertanyaan</label>
    <textarea id="teks_pertanyaan" name="teks_pertanyaan" class="form-control" rows="3" required>{{ old('teks_pertanyaan', $item->teks_pertanyaan ?? '') }}</textarea>
    @error('teks_pertanyaan') <div class="field-error">{{ $message }}</div> @enderror
</div>

<div class="form-actions">
    <button type="submit" class="btn btn-primary">{{ isset($item) ? 'Simpan Perubahan' : 'Tambah Soal' }}</button>
    <a href="{{ route('admin.soal-kuisioner.index') }}" class="btn btn-secondary">Batal</a>
</div>