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

@section('content')
    <div class="showcase-grid">
        <div class="premium-banner">
            <div class="premium-eyebrow">User Questionnaire</div>
            <h2>Isi Angket Aktif</h2>
            <p>Halaman ini hanya menampilkan instrumen yang sedang aktif dan tersedia untuk user. Jawaban Bapak/Ibu akan tersimpan sebagai data pengambilan informasi penggunaan sistem RPS.</p>
        </div>
        <div class="luxury-panel">
            <h3 class="section-title" style="font-size: 1.45rem;">Status</h3>
            <p class="helper">Jika instrumen tidak tampil, berarti instrumen belum diaktifkan admin atau masa pengisiannya belum/sudah berakhir.</p>
        </div>
    </div>

    <div class="panel" style="margin-top: 20px;">
        <h3 class="section-title">Daftar Angket</h3>
        <div class="grid">
            @forelse ($questionnaires as $questionnaire)
                <div class="field col-6">
                    <div class="repeater-item" style="height: 100%;">
                        <div class="action-row" style="justify-content: space-between; align-items: flex-start;">
                            <div>
                                <h4 style="margin: 0 0 8px; font-size: 1.12rem;">{{ $questionnaire->title }}</h4>
                                <p class="helper">{{ $questionnaire->description ?: 'Silakan isi instrumen ini sesuai pengalaman Bapak/Ibu.' }}</p>
                                <span class="badge new">{{ $questionnaire->questions_count }} butir</span>
                                @if ($submitted->has($questionnaire->id))
                                    <span class="badge changed">Sudah diisi</span>
                                @endif
                            </div>
                        </div>
                        <div class="actions" style="margin-top: 16px;">
                            @if ($submitted->has($questionnaire->id) && $questionnaire->is_once_per_user)
                                <button class="btn secondary" type="button" disabled>Sudah Diisi</button>
                            @else
                                <a class="btn" href="{{ route('questionnaires.fill', $questionnaire) }}">Isi Angket</a>
                            @endif
                        </div>
                    </div>
                </div>
            @empty
                <div class="field">
                    <p class="helper">Belum ada angket aktif.</p>
                </div>
            @endforelse
        </div>
    </div>
@endsection