@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">
        Alumnos y Egresados
    </h1>

    <div class="portlet light bordered">
        <div class="portlet-title col-12">
            <div class="caption col-md-12">
                <h1 class="caption-subject font-green sbold uppercase"> Listar por:
                </h1>
                <div class="col-md-6">
                    <label for="lstType">Estado</label>
                    <select class="form-control form-filter input-md" id="lstType" name="lstType">
                        <option value="0">Alumnos</option>
                        <option value="1">Egresados</option>
                    </select>
                </div>
                <div class="col-md-6">
                    <label for="lstType">Carrera</label>
                    <select class="form-control form-filter input-md" id="lstEgresado" name="lstEgresado">
                    </select>
                </div>
            </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,id2){
            $('#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.egresadosalumnos.post') }}',
                    method: 'POST',
                    data: {
                        test: id,
                        especialidad: id2
                    },
                    error: function(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="Editar('+data+')"class="btn btn-outline btn-circle btn-sm purple">'+
                                '<i class="fa fa-edit"></i>Editar </button>'+'<button onclick="Eliminar('+data+')' +
                                '"class="btn btn-outline btn-circle dark btn-sm black">'+
                                '<i class="fa fa-trash-o"></i>Eliminar </button>'+'</td>'

                        }
                    }

                ]
            });
        }

        startDatatable($("select#lstType option").filter(":selected").val(),$("select#lstEgresado option").filter(":selected").val());

        $("#lstType").select2();

        $("#lstEgresado").select2({
            minimumInputLength: 2,
            tags: [],
            ajax: {
                url: "{{ route('gestion.egresados.carreras') }}",
                dataType: 'json',
                type: "GET",
                quietMillis: 50,
                data: function (term) {
                    return {
                        term: term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.nombre,
                                id: item.id
                            }
                        })
                    };
                }
            }
        });

        $('#lstType').change(function () {
            var id = $("select#lstType option").filter(":selected").val();
            var id2 = $("select#lstEgresado option").filter(":selected").val();
            startDatatable(id,id2);
        });

        $("#lstEgresado").change(function(){
            var id = $("select#lstType option").filter(":selected").val();
            var id2 = $("select#lstEgresado option").filter(":selected").val();
            startDatatable(id,id2);
        })

        function Editar($id) {
            window.location.href = "{{url('alumno/editar')}}"+"/"+ $id;
        }

        function Eliminar(id) {

            swal({
                    title: 'Está seguro de eliminar este registro?',
                    text: "Una vez borrada no se podrá recuperar",
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Sí',
                    cancelButtonText: 'Cancelar'
                },
                function (isConfirm) {
                    if (isConfirm) {
                        EliminarResult(id);
                    }
                })
        }

        function EliminarResult(id) {
            $.ajax({
                url: "{{ url('alumno/eliminar/') }}",
                type: "POST",
                data: {
                    id: id
                },
                success: function (result) {
                    if (result) {
                        swal({
                            title: 'Usuario eliminado!',
                            text: "El registro se eliminó exitosamente!",
                            type: 'success',
                            showCancelButton: false,
                            showConfirmButton: false
                        })
                        setTimeout(function(){
                            window.location.href = "{{ url('alumno') }}";
                        },2000);

                    }
                    else {
                        swal("El Usuario ya ha sido enviada!", "No se puede eliminar el usuario!", "error");

                    }
                }
            });
        }

    </script>

    <!-- App scripts -->
@endsection

