@extends('layouts.adminpages')

@section('content')
    <div class="col-md-12 mt-2">
        <div class="alert alert-warning">
            <p>
                <span class="help-block">
                    <strong>
                        Es importante verificar que las actividades estén activas y que se muestren dentro del rango de
                        fechas correcto. Si una actividad tiene fechas diferentes o anteriores pero aún está marcada como
                        activa, tendrá prioridad en la plataforma, incluso si no aparece. Tenga en cuenta que la plataforma
                        solo mostrará una actividad a la vez, y será la actividad activa más antigua.
                    </strong>
                </span>
            </p>
        </div>
    </div>
    <div class="content row">
        <div class="col-md-12 mt-2">
            @include('dashboard.partials.nav-activities')
        </div>
        <div class="col-md-12">
            <div class="title-page">
                Trivias
            </div>
        </div>
        <div class="col-md-12">
            <br>
            <a href="{{ url('dashboard/trivias/create') }}" class="btn btn-success float-right">
                Crear Trivia</a> <br> <br>
        </div>
        <div class="col-md-12 text-center">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Nombre</th>
                            <th>Fechas</th>
                            <th>Puntos</th>
                            <th>Roles</th>
                            <th>Estado</th>
                            <th>Participaciones</th>
                            <th>Opciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($trivias as $item)
                            <tr>
                                <td>{{ $item->name }}</td>
                                <td>
                                    {{ Calendar::getHumanDate($item->start_date) }} a<br>
                                    {{ Calendar::getHumanDate($item->finish_date) }}
                                <td>
                                    {{ $item->points_any_correct }} -
                                    {{ $item->points_some_correct }} -
                                    {{ $item->points_all_correct }}
                                </td>
                                <td>{!! $item->roles_names !!}</td>
                                <td>
                                    <div class="badge {{ $item->state == 0 ? 'badge-danger' : 'badge-success' }} p-2">
                                        {{ $item->state == 0 ? 'Inactiva' : 'Activa' }}
                                    </div>
                                </td>
                                <td>
                                    <a href="{{ url('dashboard/participations-trivia', $item->id) }}"
                                        class="btn btn-sm btn-info" data-toggle="tooltip" data-placement="top"
                                        title="Participantes">
                                        <i class="fa fa-list-alt"></i>
                                        {{ $item->participants->count() }}
                                    </a>
                                </td>
                                <td>
                                    <a href="{{ url('dashboard/trivias') }}/{{ $item->id }}/edit"
                                        class="btn btn-sm btn-success" data-toggle="tooltip" data-placement="top"
                                        title="Editar">
                                        <i class="fa fa-edit"></i>
                                    </a>
                                    <a href="{{ url('dashboard/exportar-participations-trivia', $item->id) }}"
                                        class="btn btn-sm btn-secondary" data-toggle="tooltip" data-placement="top"
                                        title="Descargar">
                                        <i class="fa fa-download"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-12 d-flex justify-content-center">
            <div class="pag-prize">
                {{ $trivias->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