@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.activity.participants', $activity->slug) }}">
                <div class="form-group">
                    <input type="text" name="word" id="word" placeholder="Nombre, Documento o Correo"
                        class="form-control" size="30" value="{{ request('word') }}">
                </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/activities?type='.$activity->type) }}" class="btn btn-success">Volver</a>
        </div>
        <div class="col-md-12">
            <div class="title-page">
                Participantes - Actividad <b>[{{ $activity->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 $participant)
                            <tr>
                                <td>{{ $participant->user->fullName }}</td>
                                <td>{{ $participant->user->first_role_name }}</td>
                                <td>{{ $participant->user->email }}</td>
                                <td>
                                    {{ $participant->time_to_respond }}
                                </td>
                                <td>{{ number_format($participant->percentage_correct, 2) }}%</td>
                                <td>
                                    <button type="button" class="btn btn-sm btn-danger" 
                                        data-toggle="modal" data-target="#modal-delete-participant{{ $participant->id }}"
                                        title="Eliminar">
                                        <i class="fa fa-trash-alt"></i>
                                    </button>
                                </td>
                            </tr>
                            @include('dashboard.activities.participations.partials.modal-delete-participant', ['participant' => $participant])
                        @empty
                            <tr>
                                <td colspan="6" 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->appends(request()->query())->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

        @if (session('error'))
            swal.fire({
                title: 'Error',
                text: '{{ session('error') }}',
                type: 'error',
                confirmButtonText: 'Continuar'
            })
        @endif
    </script>
@stop