@extends('template.layout')


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

    <style>
        option{
            background-color: white;
        }
        .min-tardanza{
            width: 10%;
        }
        .tbPersonal_filter{
            display: none;
        }
        .onoffswitch-inner:before{
            content: 'Rindio' !important;
        }
        .onoffswitch-inner:after{
            content: 'No Rindio' !important;
        }
        .onoffswitch{
            width: 100px;
        }
        .onoffswitch-switch{
            right: 70px;
        }
        .table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
            display: none !important;
        }
    </style>
@endsection

@section('content')
    <h1 class="page-title">
        Correci&oacute;n de Notas | {{ $info->nombre  }}
    </h1>
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <h4 class="modal-title caption-subject font-blue-secondary sbold uppercase"> Listado de Alumnos | Evaluaci&oacute;n: {{ $info->evaluacion }} | Peso: {{ $info->porcentaje }} %</h4>
                <input type="hidden" id="evalucion" value="{{ $info->nombre }}" data-dcurso="{{ $info->id_dc }}" data-seccionc="{{ $info->id_sc }}" />
            </div>
        </div>
        <div class="portlet-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="col-md-12">
                        <div class="col-md-6">
                            <h4><i class="glyphicon glyphicon-search"></i>  Busqueda avanzada</h4>
                        </div>
                        <div class="col-md-6">
                            <h6 style="margin-bottom: 0px; margin-top: 16px">Por: C&oacute;digo, Nombre y Apellidos del Alumno</h6>
                        </div>
                        <input type="search" class="form-control input-md" id="text-filter" aria-controls="tbEncuestas">
                    </div>
                </div>
            </div>
            <div class="Forum-ForumTopicList row" style="margin:20px">
                <table class="table table-hover nowrap dataTable dtr-inline collapsed tbPersonal"
                       id="tbPersonal"
                       width="100%" role="grid" aria-describedby="tbPersonal_info">
                    <thead class="thead-default">
                    <tr>
                        <th class="col-sm-2 col-md-2 col-lg-2">C&oacute;digo de Alumno</th>
                        <th class="col-sm-2 col-md-2 col-lg-2">Nombre del Alumno</th>
                        <th class="col-sm-2 col-md-2 col-lg-2">Apellido Paterno</th>
                        <th class="col-sm-2 col-md-2 col-lg-2">Apellido Materno</th>
                        <th class="col-sm-2 col-md-2 col-lg-2">Nota</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($list as $item)
                        <tr>
                            <td> {{ $item->codigo }} </td>
                            <td> {{ $item->nombres }} </td>
                            <td> {{ $item->apellido_paterno }} </td>
                            <td> {{ $item->apellido_materno }} </td>
                            <td>
                            {!! Form::number('costo', $item->nota , array('id' => 'checkA_'.$item->id,'step'=>'any','min' => '0','max' => '20', 'style' => 'width: 60px','name' => 'check-Alumno')) !!}
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                <div class="col-md-12" style="text-align: left">
                    <button type="button" class="btn green confirm">Registrar Notas</button>
                    <a href="{{ url('registros/docente/cambios') }}">
                        <button type="button" class="btn red cancel" btnCancel="N">Cancelar Registro</button>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div id="ModalEval"></div>
@endsection

@section('scripts')
    <script src="{{asset('css/icheck/icheck.min.js')}}" type="text/javascript"></script>
    <script>
        var urlPrincipal = "{{url('registros/docente/cambios')}}";
        $(document).ready(function () {

            var tablePersonal = $('#tbPersonal').DataTable({
                "lengthMenu": [[40, 20, 50, -1], [40, 20, 50, "Todas"]],
                bFilter: true,
                "bLengthChange": false,
                bInfo: true,
                "searching": true,
                responsive: false,
                "autoWidth": false,
                "language": {
                    "lengthMenu": "Mostrar _MENU_ Entradas",
                    "zeroRecords": "No se encontraron registros",
                    "info": "Mostrando la página _PAGE_ de _PAGES_",
                    "infoEmpty": "No hay registros disponibles",
                    "infoFiltered": "(filtrado de _MAX_ registros totales)",
                    "search": "Buscar: ",
                    "paginate": {
                        "first": "Primero",
                        "last": "Último",
                        "next": "Siguiente",
                        "previous": "Anterior"
                    }
                },
                "order": [],
                "aoColumns": [
                    {"bSearchable": true},
                    {"bSearchable": true},
                    {"bSearchable": true},
                    {"bSearchable": true},
                    {"bSearchable": false}
                ],
                "columns": [
                    {"orderable": true},
                    {"orderable": true},
                    {"orderable": true},
                    {"orderable": true},
                    {"orderable": false}
                ]
            });

            $("#tbPersonal_filter").hide();


            $("#text-filter").on('keyup',function () {
                tablePersonal
                    .search($(this).val())
                    .draw();
            });




            $(".btn.confirm").on('click',function () {
                var list = {};

                var gft = 0;


                $('input[name=check-Alumno]',tablePersonal.rows().nodes()).each(function(){
                    if($(this).val() > 20){
                        gft++;
                        $(this).css('border-color','#f36a5a')
                    }
                    else{
                        $(this).css('border-color','#a9a9a9')
                    }
                });

                if(gft > 0){
                    swal("Nota no valida", "Se ah detectado registro de notas mayores al máximo 20, por favor reingrese las notas resaltadas de rojo", "warning")
                }
                else{
                    list['NOTAS'] = $('input[name=check-Alumno]').map(function (){return this.value; }).get();
                    list['IAS'] = $('input[name=check-Alumno]').map(function (){return (this.id).substr(7); }).get();

                    var dc = $("#evalucion").data('dcurso');
                    var sc = $("#evalucion").data('seccionc');

                    $.ajax({
                        type: "POST",
                        url: "{{ route('cambio.nota.docente.correccion') }}",
                        data: {datos : list, vdc : dc, vsc : sc},
                        success: function (data) {
                            if(data == 200){
                                swal({
                                    title: "¡ Atencion !",
                                    type: "success",
                                    text: "Se ha registrado correctamente las notas de la evaluacion",
                                    showConfirmButton: false
                                });

                                setTimeout(function(){

                                    location.href = urlPrincipal;
                                }, 4000);
                            }
                            else{
                                setTimeout(function(){
                                    swal({
                                        title: "¡ Atencion !",
                                        type: "error",
                                        text: "Se ha registrado un error al registrar las notas en breve podra reingresar",
                                        showConfirmButton: true
                                    });

                                    location.href = urlPrincipal;
                                }, 2000);
                            }
                        }
                    });
                }

            });


        });

    </script>
@endsection