@extends('template.admin.layout')
@section('styles')
    <meta name="csrf-token" content="{{ csrf_token() }}" />
@endsection

@section('content-head')
    <h1 class="page-title"> Gesti&oacute;n de Eventos </h1>
@endsection

@section('content-body')
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light">
                <div class="portlet-title">
                    <div class="caption">
                        <span class="caption-subject bold uppercase"> {{ $evento }} - Asistentes </span>
                        {{--<span class="caption-helper">Portal Web</span>--}}
                    </div>
                    <div class="actions" style="padding-bottom: 0">
                        <a href="{{ url('/admin/eventos') }}" class="btn btn-primary">
                            <i class="fa fa-share"></i>
                            <span class="hidden-xs"> Volver</span>
                        </a>
                    </div>
                </div>
                <div class="portlet-body">
                    <table class="table table-hover nowrap dataTable dtr-inline" id="table_gestion">
                        <thead>
                        <tr>
                            <th> DNI </th>
                            <th> Nombre </th>
                            <th> Correo </th>
                            <th> Tel&eacute;fono </th>
                            <th> Pagado </th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($asistentes as $asistente)
                            @if(empty($asistente['usuario']))
                                <tr>
                                    <td> {{ $asistente['dni'] }} </td>
                                    <td> {{ $asistente['nombres'] . ' ' . $asistente['apellidos'] }}  </td>
                                    <td> {{ $asistente['email'] }} </td>
                                    <td> {{ $asistente['telefono'] }} </td>
                                    <td id="pago_{{ $asistente['id'] }}">
                                        @if($asistente['pagado'])
                                            <label>Pagado</label>
                                        @else
                                            <label>Por pagar</label>
                                        @endif
                                    </td>
                                </tr>
                            @else
                                <tr>
                                    <td> {{ $asistente['usuario']->dni }} </td>
                                    <td> {{ $asistente['usuario']->nombres . ' ' . $asistente['usuario']->apellido_paterno . ' ' . $asistente['usuario']->apellido_materno }}  </td>
                                    <td> {{ $asistente['usuario']->email }} </td>
                                    <td> {{ $asistente['usuario']->telefono }} </td>
                                    <td id="pago_{{ $asistente['id'] }}">
                                        @if($asistente['pagado'])
                                            <label>Pagado</label>
                                        @else
                                            <button class="btn btn-success btn-sm" onclick="pagar({{ $asistente['id'] }})">Pagar</button>
                                        @endif
                                    </td>
                                </tr>
                            @endif


                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $('#table_gestion').DataTable({
            "pageLength": 10,
            "language": {
                "lengthMenu": " _MENU_ records",
                "zeroRecords": "No se encontraron registros",
                "infoEmpty": "No hay registros disponibles",
                "search": "Buscar: ",
            },
            "columnDefs": [{ // set default column settings
                'orderable': false,
                'targets': [0]
            }, {
                "searchable": true,
                "targets": [0]
            }],
            "aoColumns": [
                { "bSearchable": true },
                { "bSearchable": true },
                { "bSearchable": false },
                { "bSearchable": false },
                { "bSearchable": false }
            ],
            "bInfo": false,
            "bLengthChange": false,
            "ordering": false,
        });
    </script>
@endsection