@extends('layout.master')
@section('parentPageTitle', '')
@section('title', 'Sesion del asistente')
@section('page-style')
<link rel="stylesheet" href="{{asset('assets/plugins/jquery-datatable/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/jquery-ui.css')}}">

<link rel="stylesheet" href="{{asset('assets/bootstrap.min.css')}}">
@stop

@section('content')


<meta name="csrf-token" content="{{ csrf_token() }}">

<div class="row clearfix">
    <div class="col-md-12">
        <div class="card patients-list">
            <div class="body">
                <!-- Nav tabs -->


                <div id="cerrarSesion">
                    <div class="row clearfix">
                        <div id="infoSesionAsistente" class="col-md-6"></div>
                        <div id="notificacionesAsistente" class="col-md-6">
                            <table class="table m-b-0 table-hover" id="tabla1" name="tabla1">
                                <thead>
                                    <tr class="ui-widget-header">
                                        <th>Notificaciones</th><th>Vigencia</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($notificacionesAsistente as $noti)
                                    <tr>
                                        <td>{{ $noti['texto'] }}</td>
                                        <td>
                                        29-07-2026                                        </td>
                                    </tr>
                                    @endforeach  
                                </tbody>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-md-12" align="right">
                            <input type="hidden" name="idsesion" id="idsesion">
                            <a href="{{route('dashboard.index')}}"  class="btn btn-round btn-primary">Ir a Agenda</a>
                            <button type="button" class="btn btn-round btn-danger" id="btnCerrarSesion" name="btnCerrarSesion">Cerra sesión</button>
                        </div>
                    </div>
                </div>



                <div id="registrarAsistente">
                    <h5>Iniciar sesión del asistente</h5>
                    <form action="#" id="formRegistrarAsistente" name="formRegistrarAsistente" method="post" >
                        <div class="row clearfix">
                            <div class="col-md-2">
                                <div class="form-group">Email</div>                                    
                            </div>
                            <div class="col-md-5">
                                <div class="form-group"><input type="text" name="email_a" id="email_a" class="form-control" required autocomplete="off"></div>  
                                
                            </div>
                        </div>

                        <div class="row clearfix">
                            <div class="col-md-2">
                                
                                <div class="form-group">RUT</div> 
                            </div>
                            <div class="col-md-5">
                                <div class="form-group"><input type="text" name="rut_a" id="rut_a" class="form-control" required autocomplete="off"></div> 
                                
                            </div>
                        </div>

                        <div class="row clearfix">
                            <div class="col-md-2">
                                
                                <div class="form-group">Contraseña</div> 
                            </div>
                            <div class="col-md-5">
                                <div class="form-group"><input type="password" name="pass_a" id="pass_a" class="form-control" required autocomplete="off"></div> 
                                
                            </div>
                        </div>





                        <div class="row clearfix" align="right">
                            <div class="col-md-12">
                                <button type="button" class="btn btn-primary btn-round" id="btnRegistrarAsistente" name="btnRegistrarAsistente">Registrar</button>
                                <button type="button" class="btn btn-default btn-round btn-simple" onclick="window.history.back()">Cancelar</button>
                            </div>
                        </div>
                    </form>                        
                </div>


                        
                

            </div>
        </div>
    </div>
</div>
<div id="dialog_alert" title="BRIX">
    <p id="texto_alert"></p>
</div>

   
    

@stop

@section('page-script')
<script src="{{asset('assets/bundles/datatablescripts.bundle.js')}}"></script>
<script src="{{asset('js/jquery.rut-master/jquery.rut.js')}}"></script>
<script src="{{asset('assets/jquery-ui.js')}}"></script>
<script>

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

var arrayData = null;
var estadoActual = '0';
$("#dialog_alert").dialog({ autoOpen: false });

if(estadoActual==1){
    $("#cerrarSesion").show();
    $("#registrarAsistente").hide();
    $( "#infoSesionAsistente" ).empty();
    var datafecha = arrayData[0].fecha.split("-");
    var fechasesion = datafecha[2]+"-"+datafecha[1]+"-"+datafecha[0]; 
    var horasesion = arrayData[0].hora_ini.substring(0, arrayData[0].hora_ini.length - 3);
    //var horasesion = arrayData[0].hora_ini;

    $("#idsesion").val(arrayData[0].id); 
    var rutAsistente="", nombreAsistente="", apaternoAsistente="", amaternoAsistente="", gradoacademicoAsistente="", anotituloAsistente="", universidadAsistente="";

    if(arrayData[0].rut!=null){
        rutAsistente=arrayData[0].rut;
    }

    if(arrayData[0].nombre!=null){
        nombreAsistente=arrayData[0].nombre;
    }

    if(arrayData[0].apaterno!=null){
        apaternoAsistente=arrayData[0].apaterno;
    }

    if(arrayData[0].amaterno!=null){
        amaternoAsistente=arrayData[0].amaterno;
    }

    if(arrayData[0].gradoacademico!=null){
        gradoacademicoAsistente=arrayData[0].gradoacademico;
    }

    if(arrayData[0].anotitulo!=null){
        anotituloAsistente=arrayData[0].anotitulo;
    }

    if(arrayData[0].universidad!=null){
        universidadAsistente=arrayData[0].universidad;
    }

    var arrayEspecialidades = null;
    var especialidadesAsistente = "";
    for (var i = 0; i < arrayEspecialidades.length; i++) {
        especialidadesAsistente = especialidadesAsistente+arrayEspecialidades[i].nombre+"<br>";
    }



    var infoAsistenteActivo="<div class='row clearfix'><div class='col-md-12'><h5 style='text-transform: uppercase;'>Asistente activo</h5></div></div><div class='row clearfix'><div class='col-md-5'>RUT:</div><div class='col-md-7'>"+rutAsistente+"</div></div><div class='row clearfix'><div class='col-md-5'>Nombre del asistente:</div><div class='col-md-7'>"+nombreAsistente+" "+apaternoAsistente+" "+amaternoAsistente+"</div></div><div class='row clearfix'><div class='col-md-5'>Grado academico:</div><div class='col-md-7'>"+gradoacademicoAsistente+"</div></div><div class='row clearfix'><div class='col-md-5'>Año del titulo:</div><div class='col-md-7'>"+anotituloAsistente+"</div></div><div class='row clearfix'><div class='col-md-5'>Universidad:</div><div class='col-md-7'>"+universidadAsistente+"</div></div><div class='row clearfix'><div class='col-md-5'>Especialidades:</div><div class='col-md-7'>"+especialidadesAsistente+"</div></div><div class='row clearfix'><div class='col-md-5'>Fecha de la sesion:</div><div class='col-md-7'>"+fechasesion+"</div></div><div class='row clearfix'><div class='col-md-5'>Hora inicio de la sesion:</div><div class='col-md-7'>"+horasesion+"</div></div>";
    $( "#infoSesionAsistente" ).append(infoAsistenteActivo);

    
    $('#tabla1').DataTable({
        "language": {
            "lengthMenu": "Listar _MENU_ ",
            "zeroRecords": "Aún no tiene notificaciones",
            "info": "",
            "infoEmpty": "",
            "Search": "Buscar",
            "infoFiltered": "",
            "search": "Buscar"
        },
        "paging":   false,
        "order": [[ 0, "asc" ]]
    });   

    
    /*$.ajax({
        type:'POST',
        url: 'ajax_notificaciones_activas',
        headers: {
            'X-CSRF-TOKEN': token
        },
        success:function(data){
            //alert(data.length);
            var norepetir=0;
            //var table = $('#tabla1').DataTable();
            var infoTabla = new Array();
            //$('#tabla1').empty();
            
            for (var i = 0; i < data.length; i++) {

                var texto="", fvigencia="";
                if(data[i].texto!=null){
                    texto=data[i].texto;
                }
                if(data[i].vigencia!=null){
                    var res = data[i].vigencia.split("-");
                    fvigencia = res[2]+"-"+res[1]+"-"+res[0]; 
                }

                if(data[i].asignacion!=null){
                    asignacion=data[i].asignacion;
                    var res2 = asignacion.split(",");
                    for (var j = 0; j < res2.length; j++) {
                        if(res2[j]==arrayData[0].asistente_id){
                            //
                            //infoTabla.push(texto+"<br>Vigencia: "+fvigencia);
                            //$('#tabla1').append("<tr><td>"+texto+"<br>Vigencia: "+fvigencia+"</td></tr>");


                        }
                    }
                }
            }  


                   
        }
    });*/

    
}

if(estadoActual==0){
    $("#registrarAsistente").show();
    $("#cerrarSesion").hide();
}


$("#btnCerrarSesion").click(function(){
    //alert(this.id);  
    /*var r = confirm("Confirmar");
    if (r == true) {*/
        var token = $('meta[name="csrf-token"]').attr('content');
        var url='ajax_cerrar_sesion_asistente';
        var data={"id" : $("#idsesion").val()};

        $.ajax({
            type:'POST',
            url: url,
            data: data,
            headers: {
                'X-CSRF-TOKEN': token
            },
            success:function(data){
                
                $("#registrarAsistente").show();
                $("#cerrarSesion").hide();
                window.location.href = "sesion";
               
            }
        });            
    //}      
});



$("#btnRegistrarAsistente").click(function(){

    if($("#email_a").val()==""){
        //alert("Debes incorporar email");
        $( "#texto_alert" ).empty();
        $( "#texto_alert" ).append("Debes incorporar email.");
        $( "#dialog_alert" ).dialog('open');
    }else if($("#rut_a").val()==""){
        //alert("Debes incorporar rut");
        $( "#texto_alert" ).empty();
        $( "#texto_alert" ).append("Debes incorporar rut.");
        $( "#dialog_alert" ).dialog('open');
    }else if($("#pass_a").val()==""){
        //alert("Debes incorporar la contraseña");
        $( "#texto_alert" ).empty();
        $( "#texto_alert" ).append("Debes incorporar la contraseña.");
        $( "#dialog_alert" ).dialog('open');
    }else{

        var token = $('meta[name="csrf-token"]').attr('content');
        var url='ajax_verifica_pass';
        var data={"rut" : $("#rut_a").val(), "email": $("#email_a").val(), "pass": $("#pass_a").val()};

        $.ajax({
            type:'POST',
            url: url,
            data: data,
            headers: {
                'X-CSRF-TOKEN': token
            },
            success:function(data){
                if(data==1){
                    //alert("Registro de sesión exitoso");
                    $( "#texto_alert" ).empty();
                    $( "#texto_alert" ).append("Registro de sesión exitoso.");
                    $( "#dialog_alert" ).dialog('open');
                    window.location.href = "sesion";
                }else if(data==2){
                    //alert("No se puede asistir a si mismo");
                    $( "#texto_alert" ).empty();
                    $( "#texto_alert" ).append("No se puede asistir a si mismo.");
                    $( "#dialog_alert" ).dialog('open');
                }else if(data==3){
                    //alert("Contraseña incorrecta");
                    $( "#texto_alert" ).empty();
                    $( "#texto_alert" ).append("Contraseña incorrecta.");
                    $( "#dialog_alert" ).dialog('open');
                }else if(data==4){
                    //alert("Asistente inactivo");
                    $( "#texto_alert" ).empty();
                    $( "#texto_alert" ).append("Asistente inactivo.");
                    $( "#dialog_alert" ).dialog('open');
                }

                
            }
        });            
        
    }        
});


$(document).ready(function() {


    $("input#rut_a").rut().on('rutInvalido', function(e) {
        //alert("El rut " + $(this).val() + " es inválido.");
        $( "#texto_alert" ).empty();
        $( "#texto_alert" ).append("El rut " + $(this).val() + " es inválido.");
        $( "#dialog_alert" ).dialog('open');
        $(this).val("");
    });

} );
</script>
@stop