@extends('admin.layouts.app')

@section('title', 'Kelola Soal Kualitatif')

@section('content')
<div class="topbar">
    <div>
        <h1>Kelola Soal Kualitatif</h1>
        <p>Pertanyaan isian bebas (free text) di akhir kuisioner.</p>
    </div>
    <a href="{{ route('admin.soal-kualitatif.create') }}" class="btn btn-primary">+ Tambah Soal</a>
</div>

<div class="card" style="padding:0;">
    <div class="table-wrap">
        <table class="data-table">
            <thead>
                <tr>
                    <th style="width:60px;">Urutan</th>
                    <th style="width:90px;">Kode</th>
                    <th>Teks Pertanyaan</th>
                    <th style="width:100px;">Jawaban</th>
                    <th style="width:150px;"></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($soal as $item)
                    <tr>
                        <td>{{ $item->urutan }}</td>
                        <td><strong>{{ $item->kode_soal }}</strong></td>
                        <td>{{ $item->teks_pertanyaan }}</td>
                        <td class="text-muted">{{ $item->jawaban_count }} respon</td>
                        <td>
                            <div style="display:flex; gap:6px;">
                                <a href="{{ route('admin.soal-kualitatif.edit', $item->kode_soal) }}" class="btn btn-sm btn-secondary">Edit</a>
                                <form method="POST" action="{{ route('admin.soal-kualitatif.destroy', $item->kode_soal) }}" onsubmit="return confirm('Hapus soal {{ $item->kode_soal }}? Tindakan ini tidak bisa dibatalkan.');">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-danger">Hapus</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="empty-state">Belum ada soal kualitatif.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection