@extends('layouts.adminpages')

@section('content')
<div class="content row">
    <div class="col-md-12 text-right mt-2">
        <a href="{{ url('/dashboard/activities?type='. $activity->type) }}" class="btn btn-success">Volver</a>
        <a data-toggle="modal" data-target="#modal-import-questions" class="btn btn-primary text-white">
            <i class="fa fa-upload"></i> Importar
        </a>
    </div>
    <div class="col-md-12">
        <div class="title-page">Preguntas de la Actividad: {{ $activity->name }}</div>
    </div>
    <div class="col-md-12">
        <table class="table">
            <thead>
                <tr>
                    <th>Pregunta</th>
                    <th>Respuesta</th>
                    <th>Tiempo</th>
                    <th>Acciones</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($questions as $question)
                    <tr>
                        <td>{{ $question->title }}</td>
                        <td>{{ $question->answers->first()->text_answer ?? 'N/A' }}</td>
                        <td>{{ $question->time_in_seconds }} segundos</td>
                        <td>
                            <a href="{{ route('activities.questions.edit', [$activity, $question]) }}" class="btn btn-sm btn-success">Editar</a>
                            <form action="{{ route('activities.questions.delete', [$activity, $question]) }}" method="POST" style="display:inline;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-danger">Eliminar</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>

@include('dashboard.activities.questions.partials.modal-import-questions')
@endsection