@extends('admin.layouts.app')

@section('title', 'Detail Responden #' . $responden->id)

@section('content')
<div class="topbar">
    <div class="page-header-row" style="width:100%;">
        <div>
            <h1>Responden #{{ $responden->id }}</h1>
            <p>
                <span class="badge {{ $responden->status_kelayakan === 'Memenuhi Syarat' ? 'badge-positif' : 'badge-negatif' }}">{{ $responden->status_kelayakan }}</span>
                &nbsp;Diisi {{ optional($responden->created_at)->translatedFormat('d M Y, H:i') }}
            </p>
        </div>
        <div style="display:flex; gap:10px;">
            <a href="{{ route('admin.responden.index') }}" class="btn btn-secondary">← Kembali</a>
            <form method="POST" action="{{ route('admin.responden.destroy', $responden->id) }}" onsubmit="return confirm('Hapus seluruh data responden #{{ $responden->id }}? Tindakan ini tidak bisa dibatalkan.');">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-danger">Hapus Data</button>
            </form>
        </div>
    </div>
</div>

@if ($responden->jawabanSaringan)
<div class="section-title">Pertanyaan Saringan</div>
<div class="card">
    <dl class="dl-grid">
        <dt>Domisili</dt><dd>{{ $responden->jawabanSaringan->domisili_kota }} {{ $responden->jawabanSaringan->domisili_kota_lainnya ? '(' . $responden->jawabanSaringan->domisili_kota_lainnya . ')' : '' }}</dd>
        <dt>Tahu Home Care</dt><dd>{{ $responden->jawabanSaringan->tahu_homecare }}</dd>
        <dt>Kunjungan &gt; 2x</dt><dd>{{ $responden->jawabanSaringan->kunjungan_lebih_2x }}</dd>
        <dt>Jaminan Umum</dt><dd>{{ $responden->jawabanSaringan->jaminan_umum }}</dd>
    </dl>
</div>
@endif

@if ($responden->identitas)
<div class="section-title">Identitas Responden</div>
<div class="card">
    <dl class="dl-grid">
        <dt>Jenis Kelamin</dt><dd>{{ $responden->identitas->jenis_kelamin }}</dd>
        <dt>Umur</dt><dd>{{ $responden->identitas->umur }}</dd>
        <dt>Pendidikan Terakhir</dt><dd>{{ $responden->identitas->pendidikan_terakhir }} {{ $responden->identitas->pendidikan_lainnya }}</dd>
        <dt>Pekerjaan</dt><dd>{{ $responden->identitas->pekerjaan }} {{ $responden->identitas->pekerjaan_lainnya }}</dd>
        <dt>Status Pernikahan</dt><dd>{{ $responden->identitas->status_pernikahan }}</dd>
        <dt>Pendapatan/Bulan</dt><dd>{{ $responden->identitas->pendapatan_perbulan }}</dd>
        <dt>Pengeluaran/Bulan</dt><dd>{{ $responden->identitas->pengeluaran_perbulan }}</dd>
        <dt>Jumlah Anggota Keluarga</dt><dd>{{ $responden->identitas->jumlah_anggota_keluarga }}</dd>
        <dt>Jenis Penyakit</dt><dd>{{ $responden->identitas->jenis_penyakit }} {{ $responden->identitas->jenis_penyakit_lainnya }}</dd>
    </dl>
</div>
@endif

@if ($jawabanKuisioner->isNotEmpty())
<div class="section-title">Skor Kuisioner &mdash; Rata-rata: {{ number_format($rataSkor, 2) }} / 5</div>

<div class="grid grid-4" style="margin-bottom:20px;">
    @foreach ($perDimensiResponden as $dimensi => $d)
        <div class="card kpi-card">
            <div class="kpi-label">{{ $dimensi }}</div>
            <div class="kpi-value">{{ number_format($d['rata_rata'], 2) }}</div>
            <div class="kpi-foot">{{ $d['jumlah'] }} pernyataan</div>
        </div>
    @endforeach
</div>

<div class="card" style="padding:0;">
    <div class="table-wrap">
        <table class="data-table">
            <thead>
                <tr>
                    <th>#</th><th>Kode</th><th>Dimensi</th><th>Jenis</th><th>Pertanyaan</th><th>Jawaban</th><th class="num">Skor</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($jawabanKuisioner as $j)
                    <tr>
                        <td>{{ $j->urutan }}</td>
                        <td><strong>{{ $j->kode_soal }}</strong></td>
                        <td>{{ $j->dimensi }}</td>
                        <td><span class="badge {{ $j->jenis_pernyataan === 'Positif' ? 'badge-positif' : 'badge-negatif' }}">{{ $j->jenis_pernyataan }}</span></td>
                        <td class="text-truncate-2">{{ $j->teks_pertanyaan }}</td>
                        <td>{{ $j->jawaban }}</td>
                        <td class="num"><strong>{{ $j->skor }}</strong></td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endif

@if ($responden->jawabanKualitatif->isNotEmpty())
<div class="section-title">Jawaban Kualitatif</div>
<div class="card">
    @foreach ($responden->jawabanKualitatif as $q)
        <div class="qual-item">
            <div class="qual-q">{{ optional($q->soal)->teks_pertanyaan }}</div>
            <div class="qual-a">{{ $q->jawaban_text }}</div>
        </div>
    @endforeach
</div>
@endif
@endsection