@extends('cultural.plantillaPanelAdministrador')
@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
<script>
    globalId = '0';
    </script>
@endsection
@section('breadcrumb')

@endsection
@section('titulo', "Administrador")
@section('contenido')
<div class="col-9">
    <div class="row">
        <div class="col-sm-12 mb-2">
            <a title="Nuevo" href="/panel/administrador/mesas/nuevo" class="btn buttonRecargar btn-cultural" aria-hidden="true"><span>Nuevo</span></a>
            <a title="Guardar" href="#" class="buttonRecargar btn btn-cultural" aria-hidden="true" onclick="javascript: $('#modalGuardar').modal('toggle');"><span>Guardar</span></a>
            <a title="Eliminar" href="#" class="buttonRecargar btn btn-cultural" aria-hidden="true" onclick="javascript: $('#mdlEliminar').modal('toggle');"><span>Eliminar</span></a>
            <a title="Recargar" href="#" class="btn buttonRecargar btn-cultural" aria-hidden="true" onclick='window.location.replace("/panel/administrador/mesas/nuevo");'><span>Recargar</span></a>

        </div>
        <div class="col-sm-12">
            <form id="form1" method="POST">
                <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
                <input type="hidden" id="id" name="id" class="form-control" value="{{$globalId}}">
                <div class="row py-3">
                    <div class="col-sm-6 col-12 mt-2">
                        <label>Fecha:*</label>
                        <input type="date" class="form-control" id="txtFecha" name="txtFecha" value="{{$mesa->fecha }}">
                    </div>
                    <div class="col-sm-6 col-12 mt-2">
                        <label>Hora inicio:*</label>
                        <input type="time" class="form-control" id="txtHoraInicio" name="txtHoraInicio" value="{{$mesa->hora_inicio }}">
                    </div>
                    <div class="col-sm-6 col-12 mt-2">
                        <label>Hora Fin:*</label>
                        <input type="time" class="form-control" id="txtHoraFin" name="txtHoraFin" value="{{$mesa->hora_fin }}">
                    </div>
                    <div class="col-sm-6 col-12 mt-2">
                        <label>Cupo:*</label>
                        <input type="number" class="form-control" id="txtCupo" name="txtCupo" value="{{$mesa->cupo }}">
                    </div>

                </div>
                <div class="row">
                    <div style="position: relative;padding-right: 15px; padding-left: 15px;" width="954px">
                        <div class="card mb-3">
                            <div class="card-header">
                                <h6 class="m-0 font-weight-bold" style="color:#FF0000;">Alumnos matriculados</h6>
                                <div class="pull-right">
                                    <button type="button" class="btn btn-secondary fa fa-minus-circle" onclick="abrirDialogoEliminarAlumno()"></button>
                                    <button type="button" class="btn btn-secondary fa fa-plus-circle" onclick="abrirModalAlumno()"></button>
                                </div>
                            </div>
                            <div class="panel-body p-2">
                                <table id="grillaAlumno" class="display" style="width:100%; font-size: 15px;">
                                    <thead>
                                        <tr>
                                            <th class="pl-0"> </th>
                                            <th class="pl-0">Alumno/a</th>
                                            <th class="pl-0">Doc.</th>
                                            <th class="pl-0">Estado</th>
                                            <th class="pl-0">Duración</th>
                                            <th class="pl-0">Calificación Escrita</th>
                                            <th class="pl-0">Calificación Oral</th>
                                            <th class="pl-0">Docente</th>
                                            <th class="pl-0">Examen</th>
                                            <th class="pl-0"></th>

                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

            </form>

            <div class="modal fade" id="mdlEliminar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Eliminar registro?</h5>
                            <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                        </div>
                        <div class="modal-body">¿Deseas eliminar el registro actual?</div>
                        <div class="modal-footer">
                            <button class="btn btn-secondary" type="button" data-dismiss="modal">No</button>
                            <button type="button" class="btn btn-primary" onclick="eliminar();">Sí</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="modalAlumno" tabindex="-1" role="dialog" aria-labelledby="modalAlumnoLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                <form action="/panel/administrador/mesas/nuevo/agregar-alumno" id="form2" method="POST">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
                        <input type="hidden" id="id" name="id" class="form-control" value="{{$globalId}}">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="modalAlumnoLabel">Alumnos</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>

                        <div class="modal-body">
                       
                            <div class="row">
                                <div class="col-12 form-group">
                                    <div class="form-check mb-4">
                                        <input class="form-check-input check-all" type="checkbox" value="" id="defaultCheck1">
                                        <label class="form-check-label" for="defaultCheck1">
                                            Todos
                                        </label>
                                    </div>
                                    @if($globalId > 0)
                                    @for ($i = 0; $i < count($array_cliente); $i++) <div class="form-check">
                                        <input class="form-check-input check" type="checkbox" name="chk_{{ $array_cliente[$i]->idexamenalumno }}" value="{{ $array_cliente[$i]->idexamenalumno }}" id="chk_{{ $array_cliente[$i]->idexamenalumno }}">
                                        <label style="color: black !important;" class="form-check-label" for="chk_{{ $array_cliente[$i]->idexamenalumno }}">
                                            {{ $array_cliente[$i]->nombre_alumno }} {{$array_cliente[$i]->apellido_alumno}} - {{$array_cliente[$i]->examen}}
                                        </label>
                                </div>

                                @endfor
                                @endif
                            </div>
                           
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="submit" class="btn btn-primary" onclick="$('#form2').submit();">Agregar</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="modal fade" id="modalIniciar" tabindex="-1" role="dialog" aria-labelledby="modalIniciarLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="modalIniciarLabel">Docentes</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body px-4">
                        <p>Debe guardar el examen antes de poder dar de alta una de hora inicio y una hora de fin.</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Aceptar</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="modalmsgAlumno" tabindex="-1" role="dialog" aria-labelledby="modalmsgAlumno">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="modalBuscarLabel">Eliminar</h5>
                        <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="form-group col-sm-6">
                                &#191;Desea confirmar la operacion?
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                        <button type="button" class="btn btn-primary" onclick="eliminarAlumno();">Aceptar</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<!-- -->
<script>
    var dataTable = $('#grillaAlumno').DataTable({
        "processing": true,
        "serverSide": true,
        "bFilter": true,
        "bInfo": true,
        "bSearchable": true,
        "pageLength": 25,
        "order": [[0, "asc"]],
        "ajax": "{{ asset('/panel/administrador/mesas/cargarGrillaMesaAlumno?idMesa='.$globalId)}}"
    });


    function guardar() {
        if ($("#form1").valid()) {
            modificado = false;
            form1.submit();
        } else {
            $("#modalGuardar").modal('toggle');
            msgShow("Corrija los errores e intente nuevamente.", "danger");
            return false;
        }
    }
    function agregar() {
        if ($("#form2").valid()) {
            modificado = false;
            form2.submit();
        } else {
            $("#modalGuardar").modal('toggle');
            msgShow("Corrija los errores e intente nuevamente.", "danger");
            return false;
        }
    }

    function eliminar() {
        $.ajax({
            type: "GET",
            url: "{{ asset('/panel/administrador/mesas/nuevo/eliminar') }}",
            data: {
                id: globalId
            },
            async: true,
            dataType: "json",
            success: function(data) {
                if (data.err = "0") {
                    msgShow("Registro eliminado exitosamente.", "success");
                    $("#btnEnviar").hide();
                    $("#btnEliminar").hide();
                    $('#mdlEliminar').modal('toggle');
                } else {
                    msgShow("Error al eliminar", "success");
                }
            }
        });
    }

    //Docente
    function abrirModalDocente() {
        if (globalId == "0") {
            msgShow("Debe guardar el examen antes de poder dar de alta un docente asociada.", "danger");
        } else {
            $('#modalDocente').modal('toggle');
        }

    }

    function abrirModalIniciar() {
        $('#modalIniciar').modal('toggle');

    }


    function agregarAlumno() {
        idCliente = $("#lstAlumno option:selected").val();
        $.ajax({
            type: "GET",
            url: "{{ asset('/panel/administrador/mesas/nuevo/agregar-alumno') }}",
            data: {
                idMesa: globalId,
                idCliente: idCliente
            },
            async: true,
            dataType: "json",
            success: function(data) {
                $('#grillaAlumno').DataTable().ajax.reload();
                $('#modalAlumno').modal('toggle');
            }
        });
    }

    function eliminarAlumno() {
        idExamenAlumno = $('#grillaAlumno input[type=checkbox]').val();
        $.ajax({
            type: "GET",
            url: "{{ asset('/panel/administrador/mesas/nuevo/eliminar-alumno') }}",
            data: {
                idMesa: globalId,
                idExamenAlumno: idExamenAlumno
            },
            async: true,
            dataType: "json",
            success: function(data) {
                $('#grillaAlumno').DataTable().ajax.reload();

            }
        });
    }

    function calificar(idCliente, idExamen) {
        idNota = $("#lstNota_" + idCliente + "_" + idExamen + " option:selected").val();
        $.ajax({
            type: "GET",
            url: "{{ asset('/panel/administrador/examenes/nuevo/calificar') }}",
            data: {
                idExamen: idExamen,
                idNota: idNota,
                idCliente: idCliente
            },
            async: true,
            dataType: "json",
            success: function(data) {
                $('#grillaAlumno').DataTable().ajax.reload();
            }
        });
    }

    function calificarOral(idCliente, idExamen) {
        idNota = $("#lstNotaOral_" + idCliente + "_" + idExamen + " option:selected").val();
        $.ajax({
            type: "GET",
            url: "{{ asset('/panel/administrador/examenes/nuevo/calificarOral') }}",
            data: {
                idExamen: idExamen,
                idNota: idNota,
                idCliente: idCliente
            },
            async: true,
            dataType: "json",
            success: function(data) {
                $('#grillaAlumno').DataTable().ajax.reload();
            }
        });
    }

    function limpiarFormularioDocente() {
        $("#lstDocente").val(0);
    }

    function abrirDialogoEliminarDocente() {
        $('#modalmsgDocente').modal('toggle');
    }

    function eliminarDocente() {
        var grilla = $('#grillaDocente').DataTable();
        $('#grillaDocente input[type=checkbox]').each(function() {
            if (this.checked) {
                $(this.parentElement.parentNode).addClass('borrar');
            }
        });
        grilla.rows('.borrar').remove().draw(false);
        $('#modalmsgDocente').modal('toggle');
    }

    //Alumno
    function abrirModalAlumno() {
        if (globalId == "0") {
            msgShow("Debe guardar el examen antes de poder dar de alta un Alumno asociada.", "danger");
        } else {
            $('#modalAlumno').modal('toggle');
        }

    }


    function limpiarFormularioAlumno() {
        $("#lstAlumno").val(0);
    }

    function abrirDialogoEliminarAlumno() {
        $('#modalmsgAlumno').modal('toggle');


    }

    function iniciarExamen() {
        horaInicio = $("#HoraInicio").val();
        horaFin = $("#HoraFin").val();
        $.ajax({
            type: "GET",
            url: "{{ asset('/panel/administrador/examenes/nuevo/iniciar') }}",
            data: {
                idExamen: globalId,
            },
            async: true,
            dataType: "json",
            success: function(data) {
                location.reload();
            }
        });
    }

    function fAbrirModalCsv() {
        $('#modalArchivoCsv').modal('toggle');
    }



var checked = false;

$('.check-all').on('click',function(){

if(checked == false) {
$('.check').prop('checked', true);
checked = true;
} else {
$('.check').prop('checked', false);
checked = false;
}

});
</script>

@endsection