@extends('template.layout')


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

@section('content')
    <h1 class="page-title">
        Bienestar Institucional
    </h1>

    <div class="portlet light bordered">
        <div class="portlet-title col-12">
            <div class="caption col-md-9">
                <h1 class="caption-subject font-green sbold uppercase"> Lista de Alumnos
                </h1>
            </div>
        </div>
        <div class="portlet-body">

            <table class="table table-hover nowrap dataTable dtr-inline" id="tbPersonal">
                <thead>
                    <tr>
                        <th>C&oacute;digo</th>
                        <th>Nombre</th>
                        <th>Apellido Paterno</th>
                        <th>Apellido Materno</th>
                        <th>DNI</th>
                        <th>Especialidad</th>
                        <!--<th>Estado</th>-->
                        <th>Opciones</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>

        </div>

    </div>



@endsection

@section('scripts')
    <script>

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

        function startDatatable(id){
            $('#tbPersonal').DataTable({
                "language": {
                    "sProcessing":     "Procesando...",
                    "sLengthMenu":     "Mostrar _MENU_ registros",
                    "sZeroRecords":    "No se encontraron resultados",
                    "sEmptyTable":     "Ningún dato disponible en esta tabla",
                    "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                    "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
                    "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
                    "sInfoPostFix":    "",
                    "sSearch":         "Buscar:",
                    "sUrl":            "",
                    "sInfoThousands":  ",",
                    "sLoadingRecords": "Cargando...",
                    "oPaginate": {
                        "sFirst":    "Primero",
                        "sLast":     "Último",
                        "sNext":     "Siguiente",
                        "sPrevious": "Anterior"
                    },
                    "oAria": {
                        "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                        "sSortDescending": ": Activar para ordenar la columna de manera descendente"
                    }
                },
                processing: true,
                serverSide: true,
                destroy: true,
                responsive:true,
                ajax:{
                    url: '{{ route('gestion.egresados.post') }}',
                    method: 'POST',
                    data: {
                        test: id
                    },
                    error: function(error){
                        console.log(error);
                    }
                },
                columns:[
                    {
                        data:'codigo',
                        name:'codigo'
                    },
                    {
                        data:'nombres',
                        name:'nombres'
                    },
                    {
                        data:'apellido_paterno',
                        name:'apellido_paterno'
                    },
                    {
                        data:'apellido_materno',
                        name:'apellido_materno'
                    },
                    {
                        data:'dni',
                        name:'dni'
                    },
                    {
                        data:'especialidad_nombre',
                        name:'especialidad_nombre'
                    },
                    {

                        data: 'idusuario',
                        name: 'idusuario',
                        render: function(data,type,row){
                            var aux = "";

                            if(row.activo == 1){
                                aux = 'checked="checked"';
                            }
                            return '<td>'+
                                '<button onclick="Ficha('+data+')"class="btn btn-outline btn-circle btn-sm purple">'+
                                '<i class="fa fa-edit"></i>Ficha </button>'+
                                '<button onclick="Cita('+data+')"class="btn btn-outline btn-circle btn-sm purple">'+
                                '<i class="fa fa-edit"></i>Cita </button>'
                                +'</td>'

                        }
                    }

                ]
            });
        }

        function Ficha($id) {
            window.location.href = "{{url('seguimiento/bienestar/ficha')}}"+"/"+ $id;
        }

        function Cita($id) {
            window.location.href = "{{url('seguimiento/cita/detalle')}}"+"/"+ $id;
        }

        startDatatable($("select#lstType option").filter(":selected").val());
        <!-- jQuery -->

    </script>

    <!-- App scripts -->
@endsection