@extends('template.layout')


@section('styles')
    <link href="{{asset('css/icheck/skins/all.css')}}" rel="stylesheet" type="text/css"/>

    <style>
        .td_center {
            text-align: center !important;
        }
    </style>

@endsection

@section('content')
    <h1 class="page-title">
        <a href="{{ url('evento') }}"><i class="icon-action-undo"></i></a>
        {{ $nombre }}
    </h1>

    <div class="portlet light bordered">
        <div class="portlet-title col-12">
            <div class="caption col-md-9">

            </div>
        </div>
        <div class="portlet-body">

            <table class="table table-hover nowrap dataTable dtr-inline" id="tbPersonal" style="text-align: center;">
                <thead>
                <tr>
                    <th>Código de Participante</th>
                    <th>Nombre</th>
                    <th>Apellidos</th>
                    <th>DNI</th>
                    <th>Fecha de Inscripción</th>
                </tr>
                </thead>
                <tbody style="text-align: left !important;">
                </tbody>

            </table>

        </div>
    </div>



@endsection

@section('scripts')
    <script>

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $('#tbPersonal').DataTable({
            "language": {
                "lengthMenu": "Mostrar _MENU_ registros",
                "sProcessing": "Procesando...",
                "sSearch": "Buscar:",
                "sRecords": "Registros:",
                "sInfoFiltered": "Registros",
                "sInfo": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
            },
            processing: true,
            serverSide: true,
            destroy: true,
            responsive:true,
            ajax:{
                url: '{{ route('gestion.participantes.post') }}',
                method: 'POST',
                data: {
                    id: "{{ $id }}"
                },
                error: function(error){
                    console.log(error);
                }
            },
            columns:[

                {
                    data:'codigo_alumno',
                    name:'codigo_alumno'
                },
                {
                    data:'participante_nombres',
                    name:'participante_nombres'
                },
                {
                    data:'participante_apellido',
                    name:'participante_apellido'
                },
                {
                    data:'participante_dni',
                    name:'participante_dni'
                },
                {
                    data:'fecha_inscripcion',
                    name:'fecha_inscripcion',

                },


            ],
            dom: 'Bfrtip',
            buttons: [
                {
                    extend: 'excel',
                    exportOptions: {
                        columns: [ 0, 1, 2,3,4 ]
                    },
                    title: 'Listado de inscritos del evento'
                },{
                    extend: 'pdf',
                    exportOptions: {
                        columns: [ 0, 1, 2,3,4 ]
                    },
                    pageSize: 'LEGAL',
                    customize: function(doc) {
                        //pageMargins [left, top, right, bottom]
                        doc.pageMargins = [ 120, 20, 20, 20 ];
                    },
                    title: 'Listado de cursos'
                }

            ]
        });

    </script>

    <!-- App scripts -->
@endsection