@extends('admin.layouts.app')

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

@section('content')
<div class="topbar">
    <div>
        <h1>Kelola Soal Kuisioner</h1>
        <p>Pernyataan Bagian C (Likert: Sangat Setuju &ndash; Sangat Tidak Setuju), dikelompokkan per dimensi.</p>
    </div>
    <a href="{{ route('admin.soal-kuisioner.create') }}" class="btn btn-primary">+ Tambah Soal</a>
</div>

@foreach ($soal as $dimensi => $items)
    <div class="dimensi-group">
        <h3>{{ $dimensi }} <span class="badge badge-muted">{{ $items->count() }} soal</span></h3>
        <div class="card" style="padding:0;">
            <div class="table-wrap">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th style="width:50px;">Urutan</th>
                            <th style="width:90px;">Kode</th>
                            <th style="width:110px;">Jenis</th>
                            <th>Teks Pertanyaan</th>
                            <th style="width:90px;">Jawaban</th>
                            <th style="width:150px;"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($items as $item)
                            <tr>
                                <td>{{ $item->urutan }}</td>
                                <td><strong>{{ $item->kode_soal }}</strong></td>
                                <td><span class="badge {{ $item->jenis_pernyataan === 'Positif' ? 'badge-positif' : 'badge-negatif' }}">{{ $item->jenis_pernyataan }}</span></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-kuisioner.edit', $item->kode_soal) }}" class="btn btn-sm btn-secondary">Edit</a>
                                        <form method="POST" action="{{ route('admin.soal-kuisioner.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>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endforeach
@endsection