@extends('layouts.adminpages')

@section('content')
    <div class="content row">
        <div class="col-md-12">
            <div class="title-page">Participaciones - {{ $trivia->name }}</div>
        </div>
        <div class="col-md-12">
            <br>
            <div class="form-group">
                <a href="{{ route('export.trivia.shares', $trivia->id) }}" class="btn btn-success">
                    <i class="fa fa-download"></i>
                    Descargar
                </a>

                <a href="{{ route('trivias.index') }}" class="btn btn-success">
                    <i class="fa fa-arrow-left"></i>
                    Regresar
                </a>
            </div>
        </div>
        <div class="col-md-12 form-group">
            <form action="{{ url('trivias', $trivia->id) }}" class="form-inline">
                <input type="text" class="form-control" placeholder="Correo" value="{{ request()->get('email') }}"
                    name="email">
                <button type="submit" class="btn btn-success ml-2">Filtrar</button>
                @if (request()->get('email'))
                    <a href="{{ url('trivias', $trivia->id) }}" class="btn btn-secondary ml-2">Borrar</a>
                @endif
            </form>
        </div>
        <div class="col-md-12">
            @if (session('status'))
                <div class="alert alert-success">
                    {{ session('status') }}
                </div>
            @endif
        </div>
        <div class="col-md-12 text-center">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Número</th>
                            <th>Usuario</th>
                            <th>Porcentaje</th>
                            <th>Tiempo</th>
                            <th>Fecha de creación</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($participations as $item)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $item->user->full_name }} <br>
                                    {{ $item->user->email }} <br>
                                    {{ $item->user->identification }}
                                <td>{{ $item->correctness_percent }} %</td>
                                <td>{{ $item->time_to_respond }}</td>
                                <td>{{ $item->created_at }}</td>
                                <td>
                                    <a href="{{ url('/trivias/details-answer/' . $item->user->id . '/' . $trivia->id) }}">
                                        Ver respuestas
                                    </a><br>
                                    <a href="#" data-link="{{ url('/trivias/remove-participation/' . $item->id) }}"
                                        class="link-confirmation" data-toggle="modal" data-target="#confirmModal">
                                        Eliminar
                                    </a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9" class="txt-center">No hay datos de trivias o tests creados</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
                {{ $participations->links() }}
            </div>
        </div>
        <div class="col-md-12">
            <div class="footer-page"></div>
        </div>
    </div>

    @include('partials.confirmation-modal', [
        'description' => '¿Está seguro de eliminar el contenido? No se podrá revertir la acción.',
    ])
@endsection