@extends('layouts.adminpages')

@section('content')
    <div class="content row">
        <div class="col-md-8 mt-2">
            <form class="form-inline" method="get" action="{{ route('list.trivia.participants', $trivia->id) }}">
                <div class="form-group">
                    <input type="text" name="word" id="word" placeholder="Nombre, Documento o Correo"
                        class="form-control" size="30">
                </div>&nbsp;
                <button type="submit" class="btn btn-success"><i class="fa fa-search"></i></button>
            </form>
        </div>
        <div class="col-md-4 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">
                Participantes - Trivia <b>[{{ $trivia->name }}]</b>
            </div>
        </div>
        <div class="col-md-12 text-center">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Nombre</th>
                            <th>Role</th>
                            <th>Correo</th>
                            <th>Tiempo</th>
                            <th>Porcentaje</th>
                            <th>Opciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($participants as $p)
                            <tr>
                                <td>{{ $p->user->fullName }}</td>
                                <td>{{ $p->user->role_name }}</td>
                                <td>{{ $p->user->email }}</td>
                                <td>{{ $p->time_to_respond }}</td>
                                <td>{{ $p->correctness_percent }}</td>
                                <td>
                                    <a href="{{ route('trivia.remove.participant', [$p->id]) }}" class="btn btn-success"><i
                                            class="fa fa-trash-alt"></i></a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5" class="no-records">No se encontraron resultados.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-12 d-flex justify-content-center">
            <div class="pag-prize">
                {{ $participants->links() }}
            </div>
        </div>
        <div class="col-md-12">
            <div class="footer-page"></div>
        </div>
    </div>
@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