@extends('admin.layouts.app')

@section('title', 'Data Responden')

@section('content')
<div class="topbar">
    <div>
        <h1>Data Responden</h1>
        <p>Seluruh entri kuisioner, termasuk yang gagal saringan.</p>
    </div>
    <a href="{{ route('admin.responden.export') }}" class="btn btn-secondary">⬇ Ekspor CSV</a>
</div>

<form method="GET" class="filter-bar">
    <select name="status" onchange="this.form.submit()">
        <option value="">Semua Status</option>
        <option value="Memenuhi Syarat" {{ request('status') === 'Memenuhi Syarat' ? 'selected' : '' }}>Memenuhi Syarat</option>
        <option value="Tidak Memenuhi Syarat" {{ request('status') === 'Tidak Memenuhi Syarat' ? 'selected' : '' }}>Tidak Memenuhi Syarat</option>
    </select>
    <select name="domisili" onchange="this.form.submit()">
        <option value="">Semua Domisili</option>
        @foreach (['Palembang', 'Padang', 'Pekanbaru', 'Lain-lain'] as $kota)
            <option value="{{ $kota }}" {{ request('domisili') === $kota ? 'selected' : '' }}>{{ $kota }}</option>
        @endforeach
    </select>
    <input type="text" name="cari" placeholder="Cari ID responden..." value="{{ request('cari') }}">
    <button type="submit" class="btn btn-sm btn-secondary">Terapkan</button>
    @if (request()->anyFilled(['status', 'domisili', 'cari']))
        <a href="{{ route('admin.responden.index') }}" class="btn btn-sm btn-secondary">Reset</a>
    @endif
</form>

<div class="card" style="padding:0;">
    <div class="table-wrap">
        <table class="data-table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Status</th>
                    <th>Domisili</th>
                    <th>Jenis Kelamin</th>
                    <th>Umur</th>
                    <th>Waktu Selesai</th>
                    <th style="width:90px;"></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($responden as $r)
                    <tr>
                        <td>#{{ $r->id }}</td>
                        <td><span class="badge {{ $r->status_kelayakan === 'Memenuhi Syarat' ? 'badge-positif' : 'badge-negatif' }}">{{ $r->status_kelayakan }}</span></td>
                        <td>{{ optional($r->jawabanSaringan)->domisili_kota ?? '-' }}</td>
                        <td>{{ optional($r->identitas)->jenis_kelamin ?? '-' }}</td>
                        <td>{{ optional($r->identitas)->umur ?? '-' }}</td>
                        <td class="text-muted">{{ optional($r->waktu_selesai)->translatedFormat('d M Y, H:i') ?? '-' }}</td>
                        <td><a href="{{ route('admin.responden.show', $r->id) }}" class="btn btn-sm btn-secondary">Detail</a></td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="empty-state">Tidak ada data yang cocok dengan filter.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="pagination-wrap">{{ $responden->links() }}</div>
@endsection