@extends('backend.layouts.master')
@section('title', 'Réponses aux formulaires')

@section('content')
    <div class="container-fluid py-4">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Réponses pour l'événement : {{ $event->title }}</h5>
            </div>
            <div class="card-body">
                @if ($responses->isEmpty())
                    <div class="alert alert-info">Aucune réponse enregistrée pour ce formulaire.</div>
                @else
                    <div class="table-responsive">
                        <table class="table table-hover align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>ID</th>
                                    <th>Formulaire</th>
                                    <th>Soumis par</th>
                                    <th>Date</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($responses as $resp)
                                    <tr>
                                        <td>{{ $resp->id }}</td>
                                        <td>{{ $resp->form->name ?? '-' }}</td>
                                        <td>{{ optional($resp->user)->email ?? 'guest' }}</td>
                                        <td>{{ $resp->created_at->format('Y-m-d H:i') }}</td>
                                        <td>
                                            <a href="{{ route('backend.form-responses.show', $resp) }}"
                                                class="btn btn-sm btn-primary">Voir</a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection