@extends('layout.master')
@section('title', 'Registrar cuenta')
@section('page-style')
 
<link rel="stylesheet" href="{{asset('assets/plugins/dropzone/dropzone.css')}}">
<link rel="stylesheet" href="{{asset('assets/plugins/jquery-timepicker/jquery.timepicker.css')}}">  
<link rel="stylesheet" href="{{asset('assets/jquery-ui.css')}}">
<link rel="stylesheet" href="{{asset('assets/plugins/bootstrap-select/css/bootstrap-select.css')}}">
@stop

@section('content')

    <div class="row clearfix">
        <!--<div class="col-md-1"></div>-->
        <!--<div class="col-md-1"></div>-->
        <!--<div class="col-md-1"></div>-->
        
        <!--<div class="col-md-8"></div>-->
        <div class="col-md-12 d-flex justify-content-center">
            <div class="card">
                <div class="body">
                    <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left">
                    <big style="color: black;font-size: 25px;"class="">@yield('title')</big>
                    </div>

                   

                    </br>

                    <form action="" id="formCrearCuenta" method="post">

                        {{ csrf_field() }}
            
                        <div class="row clearfix">
                            
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                   <label>Rut</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <select id="rut" name="rut">
                                    <option value="0">Seleccionar Rut</option>
                                    @foreach ($data as $listadorut)                                    
                                    <option value="{{$listadorut->rut }}">{{ $listadorut->rut }}</option>
                                    @endforeach 
                                </select> 
                            </div> 

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                     <label>Empresa</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                              
                                    <div class="form-group">
                                        <input type="text" id="nombre" name="nombre" class="form-control" autocomplete="off" value="" disabled="">
                                    </div>
                            </div> 
 
                        </div>

                        <div class="row clearfix">
                            
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    <label>Plan</label>
                                </div>
                            </div>

                            <div class="col-sm-4">
                               <div class="form-group">
                                    <input type="hidden" id="plan" name="plan" class="form-control" autocomplete="off" value="" disabled="">
                                    <input type="text" id="nombreplan" name="nombreplan" class="form-control" autocomplete="off" value="" disabled="">
                                </div>
                            </div>
                           
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    <label>Fecha Solicitud</label>
                                </div>
                            </div>
                           
                            <div class="col-sm-4">
                                
                                <div class="form-group">
                                    <input type="text" class="datetimepicker form-control" id="fsolicitud" name="fsolicitud" autocomplete="off" disabled="">
                                </div>

                            </div>  
                        </div>

                        <div class="row clearfix">

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                   <label>Meses</label>
                                </div>
                            </div>
                           

                            <div class="col-sm-4">
                                 <input type="text" id="meses" name="meses" class="form-control" autocomplete="off" value="" disabled="">
                            </div> 

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    <label>Cant. Profe.</label>
                                </div>
                            </div>

                          
                             <div class="col-sm-4">
                                <div class="form-group">
                                     <input type="text" id="cantipro" name="cantipro" class="form-control" autocomplete="off" value="" disabled="">
                                </div>
                            </div> 

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    <label>Cant. Admin.</label>
                                </div>
                            </div>

                          
                             <div class="col-sm-4">
                                <div class="form-group">
                                     <input type="text" id="cantiadmin" name="cantiadmin" class="form-control" autocomplete="off" value="" disabled="">
                                </div>
                            </div>

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    <label>Cant. Secre.</label>
                                </div>
                            </div>

                          
                             <div class="col-sm-4">
                                <div class="form-group">
                                     <input type="text" id="cantisecre" name="cantisecre" class="form-control" autocomplete="off" value="" disabled="">
                                </div>
                            </div>

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    <label>Cant. Téc.</label>
                                </div>
                            </div>

                          
                            <div class="col-sm-4">
                                <div class="form-group">
                                     <input type="text" id="cantitec" name="cantitec" class="form-control" autocomplete="off" value="" disabled="">
                                </div>
                            </div>

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    <label>Cant. Profe Adicio.</label>
                                </div>
                            </div>

                          
                            <div class="col-sm-4">
                                <div class="form-group">
                                     <input type="text" id="cantiprofadicio" name="cantiprofadicio" class="form-control" autocomplete="off" value="" disabled="">
                                </div>
                            </div>

                            <div class="col-sm-2" style="margin-top:0%;">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                       Cant. Total Prof.
                                </div>
                            </div> 

                            <div class="col-sm-4" style="margin-top:0%;"">
                                <div class="form-group">
                                        <input type="number" id="cantitotalprof" name="cantitotalprof" class="form-control" autocomplete="off" value="" disabled="">
                                </div>
                            </div>

                            <div class="col-sm-2" style="margin-top:0%;">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                        Cant. Recur Adicio.
                                </div>
                            </div> 

                            <div class="col-sm-4" style="margin-top:0%;"">
                                <div class="form-group">
                                        <input type="number" id="cantirecuradicio" name="cantirecuradicio" class="form-control" autocomplete="off" value="" disabled="">
                                </div>
                            </div>

                           

                            <div class="col-sm-2" style="margin-top:0%;">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                       Cant. Espec.
                                </div>
                            </div> 

                            <div class="col-sm-4" style="margin-top:0%;"">
                                <div class="form-group">
                                        <input type="number" id="cantiespc" name="cantiespc" class="form-control" autocomplete="off" value="" disabled="">
                                </div>
                            </div>

                            <div class="col-sm-2" style="margin-top:0%;">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                       Cant. Pacientes
                                </div>
                            </div> 

                            <div class="col-sm-4" style="margin-top:0%;"">
                                <div class="form-group">
                                        <input type="number" id="cantipac" name="cantipac" class="form-control" autocomplete="off" value="" disabled="">
                                </div>
                            </div>

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    <label>Sucursales</label>
                                </div>
                            </div>

                          
                             <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="cantisucursal" name="cantisucursal" class="form-control" autocomplete="off" value="" disabled="">
                                </div>
                            </div> 

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                     <label>Rut Admin</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                               
                                  <div class="form-group">
                                    <input type="text" id="rutadmin" name="rutadmin" class="form-control" autocomplete="off" maxlength="12" value="" disabled="">
                                  </div>
                                
                            </div> 

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                     <label>Nombre Admin</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                               
                                  <div class="form-group">
                                    <input type="text" id="nombreadmin" name="nombreadmin" class="form-control" autocomplete="off" maxlength="12" value="" disabled="">
                                  </div>
                                
                            </div> 

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                     <label>Teléfono Admin</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                               
                                  <div class="form-group">
                                    <input type="text" id="telefonoadmin" name="telefonoadmin" class="form-control" autocomplete="off" maxlength="12" value="" disabled="">
                                  </div>
                                
                            </div>

                             <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                       <label>Email Admin</label>
                                </div>
                            </div>
                           

                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="emailadmin" name="emailadmin" class="form-control" autocomplete="off" value="" disabled="">
                                </div>
                            </div> 
         

                        </div>

                        <div class="row clearfix">

                           
                            
                            
                           
                             
                        </div>


                        <div class="row clearfix" align="right">          
                            <div class="col-sm-12">
                                <button style="border-color:#18ce0f; color:#18ce0f;" type="button" id="btnRegistrarcuenta" name="btnRegistrarcuenta" class="btn btn-default btn-round btn-simple" >Grabar</button>
                                <button style="border-color:#FF3636; color:#FF3636;" type="button" id="btnCancelarCrearCuenta" class="btn btn-default btn-round btn-simple">Cancelar</button>
                                
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div> 
    </div>
  </div>

<div id="dialog_alerta" title="{{config('maestro.nombresistema')}}" align="center">
     <p id="dialog_texto"></p>
</div>

<div id="dialog_alerta2" name="dialog_alerta2" title="{{config('maestro.nombresistema')}}" align="center" class="selector" >
        <p id="dialog_texto2"></p>
</div> 

@endsection

@section('page-script')
<script src="{{asset('assets/plugins/dropzone/dropzone.js')}}"></script>
<script src="{{asset('assets/plugins/momentjs/moment.js')}}"></script>    
<script src="{{asset('assets/jquery-ui.js')}}"></script>
<script>

 $("#dialog_alerta").dialog({ autoOpen: false });
 $("#dialog_alerta").dialog({ autoOpen: false });

 $('#dialog_alerta2').dialog({
   autoOpen: false,
   open: function(event, ui) {
      $(event.target).dialog('widget')
          .css({ position: 'fixed'})
          .position({ my: 'center', at: 'center', of: window });
   },
   resizable: false,
   draggable: false, // Evita que el diálogo sea arrastrable
   modal: true // Evita que se cierre haciendo clic dentro de la ventana
 });

 $("#rut").change(function() {

    var rut= $("#rut").val();
    var blanco="";

    if(rut=="0"){
        $( "#dialog_texto" ).empty();
        $( "#dialog_texto" ).append("Debe seleccionar el rut.");
        $( "#dialog_alerta" ).dialog('open');
        $("#nombre").val(blanco);
        $("#plan").val(blanco);
        $("#fsolicitud").val(blanco);
        $("#meses").val(blanco);
        $("#cantipro").val(blanco);
        $("#rutadmin").val(blanco);
        $("#emailadmin").val(blanco);
        $("#cantisucursal").val(blanco);
        $("#cantipac").val(blanco);
        $("#cantirecuradicio").val(blanco);
        return false;
    }

    var token = $('meta[name="csrf-token"]').attr('content');
    var url='ajax_obtener_datos_cuenta';
    var data={"rut" : rut};
        
    $.ajax({
        type:'POST',
        url: url,
        data: data,
        headers: {
            'X-CSRF-TOKEN': token
        },
        success:function(data){

            $("#nombre").val(data[0].nombreempresa);
            $("#plan").val(data[0].plan);
            $("#fsolicitud").val(data[0].fechasolicitud);
            $("#meses").val(data[0].meses);
            $("#cantipro").val(data[0].cantprofe);
            $("#cantiadmin").val(data[0].cantadmin);
            $("#cantisecre").val(data[0].cantsecre);
            $("#cantitec").val(data[0].canttec);
            $("#cantiespc").val(data[0].cantespec);
            $("#rutadmin").val(data[0].rutadmin);
            $("#nombreadmin").val(data[0].nombreadmin);
            $("#telefonoadmin").val(data[0].telefonoadmin);
            $("#emailadmin").val(data[0].admin);
            $("#cantisucursal").val(data[0].cantsucursal);
            $("#cantiprofadicio").val(data[0].cantprofeadicio);
            $("#nombreplan").val(data[0].nombreplan);
            $("#cantipac").val(data[0].cantpacientes);
            $("#cantirecuradicio").val(data[0].cantrecur);
           
            var cantidadprof=data[0]['cantprofe'];
            var cantidadprofadicio=data[0]['cantprofeadicio'];
            var cantidadtotalprof=parseInt(cantidadprof) +  parseInt(cantidadprofadicio);

            $("#cantitotalprof").val(cantidadtotalprof);

        }
    }); 


 });

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

     window.location.href = "principal"; 

  });

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

    var rut=$("#rut").val();
    var nombreempresa=$("#nombre").val();
    var plan=$("#plan").val();
    var mesesplan=$("#meses").val();
    var cantprofe=$("#cantipro").val();
    var cantiadmin=$("#cantiadmin").val();
    var cantisecre=$("#cantisecre").val();
    var cantitec=$("#cantitec").val();
    var cantiespec=$("#cantiespc").val();
    var fechasolicitud=$("#fsolicitud").val();
    var rutadmin= $("#rutadmin").val();
    var nombreadmin= $("#nombreadmin").val();
    var telefonoadmin= $("#telefonoadmin").val();
    var cantiprofadicio= $("#cantiprofadicio").val();
    var nombreplan= $("#nombreplan").val();
    
    var admin= $("#emailadmin").val();

    var sucursales= $("#cantisucursal").val();

    var cantipac= $("#cantipac").val();

    var cantrecur= $("#cantirecuradicio").val();

    var horaactual=new Date();
    var hours=horaactual.getHours();
    var minutes=horaactual.getMinutes();
    var seconds=horaactual.getSeconds();

    if (minutes<=9){
        minutes="0"+minutes;
    }

    if (seconds<=9){
        seconds="0"+seconds;
    }

    var horaestacion=hours+":"+minutes+":"+seconds;

    var fechaactual=new Date();
    var dias=fechaactual.getDate();
    var meses=fechaactual.getMonth()+1;
    var años=fechaactual.getFullYear();

    if (dias<=9){
        dias="0"+dias;
    }

    if (meses<=9){
        meses="0"+meses;
    }

    var fechaestacion=años+"-"+meses+"-"+dias; 

    if(nombreempresa==""){
        $( "#dialog_texto" ).empty();
        $( "#dialog_texto" ).append("Debe seleccionar el rut.");
        $( "#dialog_alerta" ).dialog('open');
        return false;
    }

    
    var token = $('meta[name="csrf-token"]').attr('content');
    var url='ajax_comprobar_bd_cliente';
    var data={"rut" : rut};
    
    $.ajax({
        type:'POST',
        url: url,
        data: data,
        headers: {
            'X-CSRF-TOKEN': token
        },
        success:function(data){
            
            if((data.mensaje=="BDNOCREADA")||(data.mensaje=="BDEXISTE")||(data.mensaje=="BDNOCONFIGURADA")||(data.mensaje=="BDNOEXISTE")||(data.mensaje=="ACCESODENEGADO")){
                
                if(data.mensaje=="BDNOCREADA"){

                    $( "#dialog_texto" ).empty();
                    $( "#dialog_texto" ).append("Error creando la base de datos");
                    $( "#dialog_alerta" ).dialog('open');
                    return false;
                }

                if(data.mensaje=="BDEXISTE"){

                    $( "#dialog_texto" ).empty();
                    $( "#dialog_texto" ).append("La base de datos ya existe");
                    $( "#dialog_alerta" ).dialog('open');
                    return false;
                    
                }

                if(data.mensaje=="BDNOCONFIGURADA"){

                    $( "#dialog_texto" ).empty();
                    $( "#dialog_texto" ).append("Debe configurar la conexion a la base de datos en el archivo .env y config");
                    $( "#dialog_alerta" ).dialog('open');
                    return false;
                    
                }

                if(data.mensaje=="BDNOEXISTE"){

                    $( "#dialog_texto" ).empty();
                    $( "#dialog_texto" ).append("Debe crear la base de datos en el manejador");
                    $( "#dialog_alerta" ).dialog('open');
                    return false;
                    
                }
                
                if(data.mensaje=="ACCESODENEGADO"){

                    $( "#dialog_texto" ).empty();
                    $( "#dialog_texto" ).append("El usuario no posee los permisos necesarios para crear la base de datos");
                    $( "#dialog_alerta" ).dialog('open');
                    return false;
                    
                }
   
            }
            else{

                $(".ui-dialog-titlebar-close").hide();

                //setTimeout(function(){
                $("#dialog_texto2").empty();
                $("#dialog_texto2").append("Por favor espere");
                $("#dialog_alerta2").dialog('open');

                var token = $('meta[name="csrf-token"]').attr('content');

                $.ajax({

                    type:'POST',            
                    async:true,
                    url:'nuevo',
                    data:{
                       rut:rut,
                       nombreempresa:nombreempresa,
                       plan:plan,
                       meses:mesesplan,
                       cantprofe:cantprofe,
                       cantiadmin:cantiadmin,
                       cantisecre:cantisecre,
                       cantitec:cantitec,
                       cantiespec:cantiespec,
                       fechasolicitud:fechasolicitud,
                       rutadmin:rutadmin,
                       nombreadmin:nombreadmin,
                       telefonoadmin:telefonoadmin,
                       admin:admin,
                       cantsucursal:sucursales,
                       fechainterna:fechaestacion,
                       horainterna:horaestacion,
                       cantiprofadicio:cantiprofadicio,
                       nombreplan:nombreplan,
                       cantipac:cantipac,
                       cantrecur:cantrecur

                    },
                    headers: {'X-CSRF-TOKEN': token},

                    success:function(data){

                        if (data.mensaje == 'ingresado') {

                            $("#dialog_alerta2").dialog('close');

                            $("#dialog_texto").empty();
                            $("#dialog_texto").append("Los datos de la cuenta han sido guardados con exito");
                            $("#dialog_alerta").dialog('open');
                            setTimeout(function(){
                                window.location.href = "ingresar";
                            },1500); 
                           
                        }

                    }
                });   

            }
        }
    });


 });



</script>

@stop