@extends('layouts.adminpages')

@section('content')
<div class="content row">
    <div class="col-md-12 text-right mt-2">
        <a href="{{ url('/dashboard/trivias') }}" class="btn btn-success">Volver</a>
    </div>
    <div class="col-md-12">
        <div class="title-page">Preguntas de la Trivia: {{ $trivia->name }}</div>
    </div>
    <div class="col-md-12">
        <table class="table">
            <thead>
                <tr>
                    <th>Pregunta</th>
                    <th>Descripción</th>
                    <th>Tiempo</th>
                    <th>Respuestas</th>
                    <th>Acciones</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($questions as $question)
                    <tr>
                        <td>{{ $question->title }}</td>
                        <td>{{ $question->description ?? 'N/A' }}</td>
                        <td>{{ $question->seconds_to_answer }} segundos</td>
                        <td>
                            <button type="button" class="btn btn-sm btn-info" data-toggle="modal" data-target="#modal-answers-{{ $question->id }}" title="Ver Respuestas">
                                <i class="fa fa-eye"></i> {{ $question->answers->count() }} respuestas
                            </button>
                        </td>
                        <td>
                            <form action="{{ route('trivias.questions.delete', [$trivia, $question]) }}" method="POST" style="display:inline;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-danger" data-toggle="tooltip" data-placement="top" title="Eliminar">
                                    <i class="fa fa-trash"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="col-md-12 d-flex justify-content-center">
        <div class="pag-prize">
            {{ $questions->links() }}
        </div>
    </div>
    <div class="col-md-12">
        <div class="footer-page"></div>
    </div>
</div>

<!-- Modales para mostrar respuestas -->
@foreach ($questions as $question)
    @include('dashboard.trivia.questions.partials.modal-answers', ['question' => $question])
@endforeach

@endsection

@section('scripts')
    <script type="text/javascript">
        @if (session('status'))
            swal.fire({
                title: '¡Todo ha salido correctamente.!',
                text: '{{ session('status') }}',
                type: 'success',
                confirmButtonText: 'Continuar'
            })
        @endif
    </script>
@stop