@extends('layouts.app', ['title' => 'Hasil Angket'])

@section('content')
    <div class="panel">
        <div class="action-row" style="justify-content: space-between; align-items: center;">
            <div>
                <h2 class="section-title" style="font-size: 1.55rem;">{{ $questionnaire->title }}</h2>
                <p class="helper">{{ $questionnaire->description ?: 'Hasil pengisian instrumen angket.' }}</p>
            </div>
            <div class="action-row">
                <a class="btn" href="{{ route('admin.questionnaires.infographic', $questionnaire) }}">Lihat Infografis</a>
                <a class="btn secondary" href="{{ route('admin.questionnaires.export', $questionnaire) }}">Export Hasil Excel</a>
                <form method="POST" action="{{ url('/admin/questionnaires/'.$questionnaire->id.'/reset-responses') }}" onsubmit="return confirm('Reset seluruh hasil pengisian angket ini? Instrumen dan butir pertanyaan tidak akan dihapus.')">
                    @csrf
                    @method('DELETE')
                    <button class="btn danger" type="submit" {{ $responses->total() < 1 ? 'disabled' : '' }}>Reset Hasil</button>
                </form>
                <a class="btn ghost" href="{{ route('admin.questionnaires.index') }}">Kembali</a>
            </div>
        </div>
    </div>

    <div class="panel">
        <h3 class="section-title">Respons Masuk</h3>
        <div class="table-wrap">
            <table>
                <thead>
                    <tr>
                        <th>Responden</th>
                        <th>Email</th>
                        <th>Tanggal Isi</th>
                        <th>Ringkasan Jawaban</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($responses as $response)
                        <tr>
                            <td>{{ $response->respondent_name ?: $response->user?->name ?: '-' }}</td>
                            <td>{{ $response->respondent_email ?: $response->user?->email ?: '-' }}</td>
                            <td>{{ $response->submitted_at?->format('d-m-Y H:i') ?: '-' }}</td>
                            <td>
                                <ol style="margin: 0; padding-left: 18px;">
                                    @foreach ($response->answers as $answer)
                                        <li><strong>{{ $answer->question?->question_text }}</strong><br><span class="meta">{{ $answer->answer_text ?: $answer->answer_value ?: '-' }}</span></li>
                                    @endforeach
                                </ol>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="4">Belum ada respons.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div style="margin-top: 16px;">{{ $responses->links() }}</div>
    </div>
@endsection