@extends('layout.master')
@section('parentPageTitle', 'Profesionales')
@section('title', 'Nuevo profesional')

@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')}}">

    <style type="text/css">

    /*.btn-group.select .btn{
        display: none;
    }

    .select{
        padding: 5px;
        border-radius: 15px;
    }*/


    .Highlighted a{
       background-color : Green !important;
       background-image :none !important;
       color: White !important;
       font-weight:bold !important;
       font-size: 12pt;
    }

    .ui-highlight .ui-state-default{
        background: red !important;
        border-color: red !important;
        color: white !important;
    }

    .ui-highlight2 .ui-state-default{
        background: green !important;
        border-color: green !important;
        color: white !important;
    }

    </style>
@stop
@section('content')

    <div class="row clearfix">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="card">
                <!-- <div class="header">
                    <h2 align="center"><strong>Información para el Profesional</strong></h2>

                </div> -->
                <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>

                    <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left">
                       <p class="" style="color:#FF0000" ><small>* Son campos obligatorios.</small></p>
                    </div>

                    </br>
                    

                    <form action="{{ route('profesionales.profesional_nuevo') }}" id="formIngresarPro" method="post">

                        <input type="hidden" id="plancontratado" name="plancontratado" value="{{$plancontratado}}">

                        {{ csrf_field() }}

                        <div class="row clearfix">
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Rut *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="rut" name="rut" class="form-control" autocomplete="off" required>
                                </div>
                            </div> 
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Nombres *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="nombre" name="nombre" class="form-control" autocomplete="off" required style="text-transform:uppercase">
                                </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-1">
                                    <label>Apellido paterno *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="apellidopaterno" name="apellidopaterno" class="form-control" autocomplete="off" required style="text-transform:uppercase">
                                </div>
                            </div>  
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Apellido materno *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="apellidomaterno" name="apellidomaterno" class="form-control" autocomplete="off" required style="text-transform:uppercase">
                                </div>
                            </div>
                        </div>

                        
                            <div class="row clearfix" style="margin-top:1%;">

                                <div class="col-sm-2">                                
                                  <div id="divmodalidad" class="d-flex justify-content-left align-items-left ml-0 p-1" align="left">
                                      Agenda
                                  </div>
                                </div> 

                                <div class="col-sm-4">
                                     
                                    <div class="checkbox d-flex justify-content-left" >

                                        <input id="checkboxagenda" type="checkbox">
                                        <label for="checkboxagenda">
                                            
                                        </label> 
                                        
                                    </div>  
                                </div>
          
                            </div>


                               

                        <br>

                        <div class="row clearfix">

                                                        
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label title="Un profesional solo puede tener una especialidad.">Especialidad *</label>
                                </div>
                            </div> 
                     
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <select id="profesion" name="profesion" class="select" title="">
                                        <option value="0">Seleccione especialidad</option>
                                        @foreach ($listaProfesion as $profesion)                                         
                                            <option value="{{ $profesion->id }}">{{ $profesion->nombre }}</option>
                                        @endforeach 
                                    </select> 
                                </div>
                            </div>

                            

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label  title="Un profesional puede tener multiples sub-especialidades">Sub-especialidad *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                     
                                    <select id="subespecialidad" name="subespecialidad" class="select" title="" multiple disabled="">

                                       
                                    </select> 

                                </div>
                            </div>

                            <!--<div class="col-sm-2">                                
                                <div class="form-group">
                                    <label>Tipo de profesional *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <select id="tipoprofesional" name="tipoprofesional" class="select">
                                        @foreach ($listaProfesionales as $pro)                                         
                                            <option value="{{ $pro->id }}">{{ $pro->nombre }}</option>
                                        @endforeach 
                                    </select> 
                                </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-1">
                                    <label>Reg col. m&eacute;d.</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="regcolmed" name="regcolmed" class="form-control" autocomplete="off" required maxlength="10">
                                </div>
                            </div>  

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Contraseña *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="password" id="clavepro" name="clavepro" class="form-control" autocomplete="off"  required placeholder="Minimo 6 caracteres">
                                </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-1">
                                    <label>Género</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <select id="genero" name="genero" class="select">
                                        <option value="0">No declara</option>
                                        <option value="Masculino">Masculino</option>
                                        <option value="Femenino">Femenino</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Nacionalidad</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <select id="nacionalidad" name="nacionalidad">
                                        <option value="">No declara</option>
                                        @foreach ($paises as $pais)
                                        <option value="{{ $pais->id }}">{{ $pais->nombre }}</option>
                                        @endforeach 
                                    </select> 
                                </div>
                            </div> 



                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Dirección</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="direccion" name="direccion" class="form-control" autocomplete="off" style="text-transform:uppercase">
                                </div>
                            </div>  
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Comuna</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <select id="comuna" name="comuna">
                                        <option value="">No declara</option>
                                        @foreach ($comunas as $comuna)
                                        <option value="{{ $comuna->id }}">{{ $comuna->nombre }}</option>
                                        @endforeach 
                                    </select> 
                                </div>
                            </div>
                        </div>



                        <div class="row clearfix"> 
                            <div class="col-sm-2">                                
                                <div class="form-group">
                                    <label>&nbsp;Fecha nacimiento *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" class="datetimepicker form-control" id="fnacimiento" name="fnacimiento" autocomplete="off" required placeholder="DD-MM-AAAA">

                                </div>
                            </div>  
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Email *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="email" name="email" class="form-control" autocomplete="off" required style="text-transform:uppercase">
                                </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-1">
                                    <label>Teléf. principal *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="telefono1" name="telefono1" class="form-control" autocomplete="off">

                                </div>
                            </div>  
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Teléf. secundario</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="telefono2" name="telefono2" class="form-control" autocomplete="off">
                                </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-1">
                                    <label>Grado acad&eacute;mico</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="gradoacademico" name="gradoacademico" class="form-control" autocomplete="off">

                                </div>
                            </div>  
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Año t&iacute;tulo</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">

                                    
                                    <select id="anotitulo" name="anotitulo">
                                        <option value="">No declara</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                                <option value="{{ $anoActual }}">{{ $anoActual }}</option>
                                                                            </select> 

                                </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-1">
                                    <label>Universidad</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="universidad" name="universidad" class="form-control" autocomplete="off">

                                </div>
                            </div>  
                            
                            <!-- <div class="col-sm-2">                                
                                <div class="form-group">
                                    <label>Sucursal *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <select id="sucursal" name="sucursal">
                                        @foreach ($listaSucursales as $sucu)                                          
                                            <option value="{{ $sucu->id }}">{{ $sucu->nombre }}</option>
                                        @endforeach 
                                    </select>
                                </div>
                            </div> --> 
                        </div>
                        
                        <div class="row clearfix" align="right">          
                            <div class="col-sm-12">
                               <button style="border-color:#18ce0f; color:#18ce0f;" type="button" class="btn btn-default btn-round btn-simple" id="btnRegistrar" name="btnRegistrar">Grabar</button>
                         
                                <button style="border-color:#FF3636; color:#FF3636;" type="button" id="btnCancelarIngresar" class="btn btn-default btn-round btn-simple">Cancelar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

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



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


    <script>

    // Función para validar el correo electrónico con una expresión regular

    function isValidEmail(email) {
        //var emailPattern = /^[^\s@]+@[^\s@]+\.(com|cl|net|org|info|edu|gov|mil)$/i;
        var emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
        return emailPattern.test(email);
    }


    document.addEventListener("DOMContentLoaded", function() {
    var selectElement = document.getElementById("subespecialidad");

        selectElement.addEventListener("change", function() {
            var selectedOptions = Array.from(selectElement.selectedOptions);
            if (selectedOptions.length > 0 && selectedOptions[0].value == "0") {
                // Remove the default "Seleccione sub-especialidad" option if any other option is selected
                selectedOptions[0].selected = false;
            }
        });
    });

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

    if(plancontratado>=3){

        document.addEventListener("DOMContentLoaded", function() {
        var selectElement = document.getElementById("cattiposervicio");

            selectElement.addEventListener("change", function() {
                var selectedOptions = Array.from(selectElement.selectedOptions);
                if (selectedOptions.length > 0 && selectedOptions[0].value == "0") {
                    // Remove the default "Seleccione sub-especialidad" option if any other option is selected
                    selectedOptions[0].selected = false;
                }
            });
        });        

    }

    function cargarsubespecialidad(){

        var idprofesion=$("#profesion").val();
    
        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: "ajax_listarsubespecialidad",
            type: "POST",
            data: {idprofesion: idprofesion},
            dataType: 'json',
            async: false,
            success: function (data) {
                if (data != "") {
                    $("#subespecialidad").html('');
                    $.each(data, function (i, d) {

                        $("#subespecialidad").append('<option value="' + d.id + '" >' + d.nombre + '</option>');
                        $('#subespecialidad').selectpicker('refresh');
                    });

                    $("#subespecialidad").val(1),
                    $('#subespecialidad').selectpicker('refresh');
                }
                else {
                    $("#subespecialidad").html('');
                }
            },
            error: function (xhr, ajaxOptions, thrownError) {
                alert('ERROR');
            }
        });
           
    }


    $(function () {

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

           window.location.href = "listado"; 

        });

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

            var clavepro=$("#clavepro").val();
            var rut=$("#rut").val();
            var nombre=$("#nombre").val();
            var apellidopaterno=$("#apellidopaterno").val();
            var apellidomaterno=$("#apellidomaterno").val();
            var fnacimiento=$("#fnacimiento").val();
            var email= $("#email").val();
            var telefono1= $("#telefono1").val();
            var especialidad= $("#profesion").val();
            var valorsubespecialidad= $("#subespecialidad").val();
            var plancontratado= $("#plancontratado").val();
            

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

            if(nombre==""){
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("Debe ingresar los nombres.");
                $( "#dialog_alerta" ).dialog('open');
                return false; 
            }

            if(apellidopaterno==""){
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("Debe ingresar el apellido paterno.");
                $( "#dialog_alerta" ).dialog('open');
                return false; 
            }

            if(apellidomaterno==""){
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("Debe ingresar el apellido materno.");
                $( "#dialog_alerta" ).dialog('open');
                return false; 
            }

           
            if(plancontratado==2){    

                if(especialidad=="0"){
                    $( "#dialog_texto" ).empty();
                    $( "#dialog_texto" ).append("Debe seleccionar la especialidad.");
                    $( "#dialog_alerta" ).dialog('open');
                    return false; 
                }

                if(valorsubespecialidad=="0"){
                    $( "#dialog_texto" ).empty();
                    $( "#dialog_texto" ).append("Debe seleccionar la subespecialidad.");
                    $( "#dialog_alerta" ).dialog('open');
                    return false; 
                }

            }

            if(plancontratado>=3){
                
                var agenda = $('input:checkbox[id=checkboxagenda]:checked').val();
                var medadmin = $('input:checkbox[id=checkboxmedadmin]:checked').val();
                var tiposervicio= $("#tiposervicio").val();
                var cattiposervicio= $("#cattiposervicio").val();
                
            }    

            if(plancontratado>=3){

                if ((agenda!="on")&&(medadmin!="on")) {

                   $( "#dialog_texto" ).empty();
                   $( "#dialog_texto" ).append("El profesional debe tener la opci&oacute;n agenda o la opci&oacute;n m&eacute;d administraativo marcada.");
                   $( "#dialog_alerta" ).dialog('open');
                   return false;  

                } 

            }

            if(plancontratado>=3){    

                if (agenda=="on") {   

                
                    if(especialidad=="0"){
                        $( "#dialog_texto" ).empty();
                        $( "#dialog_texto" ).append("Debe seleccionar la especialidad.");
                        $( "#dialog_alerta" ).dialog('open');
                        return false; 
                    }

                    if(valorsubespecialidad=="0"){
                        $( "#dialog_texto" ).empty();
                        $( "#dialog_texto" ).append("Debe seleccionar la subespecialidad.");
                        $( "#dialog_alerta" ).dialog('open');
                        return false; 
                    }

                }

                if (medadmin=="on") {

                    if(tiposervicio=="0"){
                        $( "#dialog_texto" ).empty();
                        $( "#dialog_texto" ).append("Debe seleccionar el tipo de servicio.");
                        $( "#dialog_alerta" ).dialog('open');
                        return false; 
                    }

                    if(cattiposervicio=="0"){
                        $( "#dialog_texto" ).empty();
                        $( "#dialog_texto" ).append("Debe seleccionar el subtipo de servicio.");
                        $( "#dialog_alerta" ).dialog('open');
                        return false; 
                    }

                }

            }

            if(clavepro==""){
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("Debe ingresar la contraseña.");
                $( "#dialog_alerta" ).dialog('open');
                return false; 
            }


            if(fnacimiento==""){
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("Debe ingresar la fecha de nacimiento.");
                $( "#dialog_alerta" ).dialog('open');
                return false; 
            }


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

            var email = $("#email").val();
            if (!isValidEmail(email)) {
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("El formato del email no es válido.");
                $( "#dialog_alerta" ).dialog('open');
                $("#email").val("");
                $('#email').focus();
                return false;
            }

            if(telefono1==""){
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("Debe ingresar el teléfono principal.");
                $( "#dialog_alerta" ).dialog('open');
                return false; 
            }

            var largo= $('#telefono1').val().length;

            if(largo<9){
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("Teléfono principal debe tener 9 digitos.");
                $( "#dialog_alerta" ).dialog('open');
                return false;
                //$("#telefono").val("");
            }

            //alert(valorsubespecialidad);
            //console.log(valorsubespecialidad);

            if(valorsubespecialidad==""){

                var subespecialidad = new Array("SIN REGISTRO");
                
            }
            else{

                var subespecialidad= $("#subespecialidad").val();
            }

            if(plancontratado==2){

                 agenda="S"; 
                 medadmin="N";
                 tiposervicio=null;
                 cattiposervicio=null;

            }   

            if(plancontratado>=3){

                if (agenda=="on") {

                   agenda="S"; 
                }
                else{
                   
                   agenda="N";  
                }

                if (medadmin=="on") {

                   medadmin="S";

                }
                else{
                   
                   medadmin="N";
                  
                }

            }
            
            var token = $('meta[name="csrf-token"]').attr('content');
            var url='ajax_verifica_email';
            var data={"email" : email};

            $.ajax({
                type:'POST',
                url: url,
                data: data,
                headers: {
                    'X-CSRF-TOKEN': token
                },
                success:function(data){
                    if(data==0){

                        $( "#dialog_texto" ).empty();
                        $( "#dialog_texto" ).append("Email ya existe, ingresar otro.");
                        $( "#dialog_alerta" ).dialog('open');
                        $("#email").val("");
                        return false;
                    }
                    else{

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

                        $.ajax({

                            type:'POST',            
                            async:false,
                            url:'profesional_nuevo',
                            data:{
                               clavepro:$("#clavepro").val(),
                               rut:$("#rut").val(),
                               nombre:$("#nombre").val(),
                               apellidopaterno:$("#apellidopaterno").val(),
                               apellidomaterno:$("#apellidomaterno").val(),
                               fnacimiento:$("#fnacimiento").val(),
                               email:$("#email").val(),
                               profesion:$("#profesion").val(),
                               genero:$("#genero").val(),
                               nacionalidad:$("#nacionalidad").val(),
                               direccion:$("#direccion").val(),
                               comuna:$("#comuna").val(),
                               telefono1:$("#telefono1").val(),
                               telefono2:$("#telefono2").val(),
                               gradoacademico:$("#gradoacademico").val(),
                               anotitulo:$("#anotitulo").val(),
                               universidad:$("#universidad").val(),
                               subespecialidad:subespecialidad,
                               regcolmed:$("#regcolmed").val(),
                               //plancontratado:$("#plancontratado").val(),
                               agenda:agenda,
                               medadmin:medadmin,
                               tiposervicio:tiposervicio,
                               cattiposervicio:cattiposervicio

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

                            success:function(data){

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

                                    $("#dialog_texto").empty();
                                    $("#dialog_texto").append("Ya existe un profesional con el mismo nombre");
                                    $("#dialog_alerta").dialog('open');
                                    return false;
                                    //limpiardatosisapre();  
                                }

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

                                    $("#dialog_texto").empty();
                                    $("#dialog_texto").append("Los datos del profesional han sido guardados con exito");
                                    $("#dialog_alerta").dialog('open');
                                    //limpiardatosisapre();
                                    setTimeout(function(){
                                        window.location.href = "listado";
                                    },1500); 
                                   
                                }

                            }
                        });   

                        //$("#formIngresarPro").submit();
                    }
                }
            });

        });

        function calcularEdad(fecha) {
        // Si la fecha es correcta, calculamos la edad

            if (typeof fecha != "string" && fecha && esNumero(fecha.getTime())) {
                fecha = formatDate(fecha, "yyyy-MM-dd");
            }

            var values = fecha.split("-");
            /*var dia = values[2];
            var mes = values[1];
            var ano = values[0];*/
            var dia = values[0];
            var mes = values[1];
            var ano = values[2];

            // cogemos los valores actuales
            var fecha_hoy = new Date();
            var ahora_ano = fecha_hoy.getYear();
            var ahora_mes = fecha_hoy.getMonth() + 1;
            var ahora_dia = fecha_hoy.getDate();

            // realizamos el calculo
            var edad = (ahora_ano + 1900) - ano;
            if (ahora_mes < mes) {
                edad--;
            }
            if ((mes == ahora_mes) && (ahora_dia < dia)) {
                edad--;
            }
            if (edad > 1900) {
                edad -= 1900;
            }

            // calculamos los meses
            var meses = 0;

            if (ahora_mes > mes && dia > ahora_dia)
                meses = ahora_mes - mes - 1;
            else if (ahora_mes > mes)
                meses = ahora_mes - mes
            if (ahora_mes < mes && dia < ahora_dia)
                meses = 12 - (mes - ahora_mes);
            else if (ahora_mes < mes)
                meses = 12 - (mes - ahora_mes + 1);
            if (ahora_mes == mes && dia > ahora_dia)
                meses = 11;

            // calculamos los dias
            var dias = 0;
            if (ahora_dia > dia)
                dias = ahora_dia - dia;
            if (ahora_dia < dia) {
                ultimoDiaMes = new Date(ahora_ano, ahora_mes - 1, 0);
                dias = ultimoDiaMes.getDate() - (dia - ahora_dia);
            }

            return edad;
        }

        $.datepicker.regional['es'] = {
            closeText: 'Cerrar',
            prevText: '< Ant',
            nextText: 'Sig >',
            currentText: 'Hoy',
            monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
            monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
            dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
            dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
            dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
            weekHeader: 'Sm',
            dateFormat: 'dd-mm-yy',
            firstDay: 1,
            isRTL: false,
            showMonthAfterYear: true,
            yearSuffix: ''
        };

        var tempArray = null;

        $.datepicker.setDefaults($.datepicker.regional['es']);
        //var diasHabilitadosProxCitas="+"+tempArray[2].valor+"D";

        $('.datetimepicker').datepicker({ 
            //minDate: 0, 
            //maxDate: '-18Y', 
            format: 'Y-M-D',
            changeYear: true,
            yearRange : 'c-100:c+80',
            time: false
        });

        
        $("#clavepro").blur(function(){
            if($(this).val().length<6){

                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("La contraseña debe tener mínimo 6 caracteres.");
                $( "#dialog_alerta" ).dialog('open');
                $("#clavepro").val("");
            }
        });

        /*$("#telefono1").blur(function(){
            if($(this).val().length<7){

                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("El teléfono principal tiene al menos 7 números.");
                $( "#dialog_alerta" ).dialog('open');
                $(this).val("");
            }
        });*/

        $("#telefono2").blur(function(){
            if($(this).val().length<9){

                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("El teléfono secundario tiene al menos 9 números.");
                $( "#dialog_alerta" ).dialog('open');
                $(this).val("");
            }
        });

        $("#fnacimiento").keyup(function(){
            $("#fnacimiento").val("");
        });

        $("#fnacimiento").blur(function(){

            var edad = calcularEdad($("#fnacimiento").val());

            if( edad<18 )
            {
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("El profesional debe ser mayor de 18 años.");
                $( "#dialog_alerta" ).dialog('open');
                $("#fnacimiento").val("");
            }


        });

        $("#email").change(function(){
            var email = this.value;
            //var email = $("#email").val();
            var valorfuncion= isValidEmail(email);
            //console.log(valorfuncion);
            if (!isValidEmail(email)) {
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("El formato del email no es válido.");
                $( "#dialog_alerta" ).dialog('open');
                $("#email").val("");
                $('#email').focus();
                return false;
            }

        });


        $("input#rut").rut({formatOn: 'keyup', ignoreControlKeys: false});

        $("input#rut").rut().on('rutInvalido', function(e) {
            $( "#dialog_texto" ).empty();
            $( "#dialog_texto" ).append("RUT inválido.");
            $( "#dialog_alerta" ).dialog('open');
            $("#rut").val("");
        });

        $('#telefono1').on('input', function () { 
            this.value = this.value.replace(/[^0-9]/g,'');
        });

        $('#telefono2').on('input', function () { 
            this.value = this.value.replace(/[^0-9]/g,'');
        });


        $('#nombre').keypress(function (e) {
            var tecla = document.all ? tecla = e.keyCode : tecla = e.which;
            return !((tecla > 47 && tecla < 58) || tecla == 46);
        });

        $('#apellidopaterno').keypress(function (e) {
            var tecla = document.all ? tecla = e.keyCode : tecla = e.which;
            return !((tecla > 47 && tecla < 58) || tecla == 46);
        });


        $('#apellidomaterno').keypress(function (e) {
            var tecla = document.all ? tecla = e.keyCode : tecla = e.which;
            return !((tecla > 47 && tecla < 58) || tecla == 46);
        });

        $('#comuna').keypress(function (e) {
            var tecla = document.all ? tecla = e.keyCode : tecla = e.which;
            return !((tecla > 47 && tecla < 58) || tecla == 46);
        });



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

        $("#rut").blur(function(){
            //alert('verificar si existe el rut');

            var token = $('meta[name="csrf-token"]').attr('content');
            var url='ajax_comprueba_rut_existente';
            var data={"id" :  $(this).val()};
            //console.log(data);

            $.ajax({
                type:'POST',
                url: url,
                data: data,
                headers: {
                    'X-CSRF-TOKEN': token
                },
                success:function(data){
                    if(data.length>0){
                        $( "#dialog_texto" ).empty();
                        $( "#dialog_texto" ).append("Ya existe un profesional con este RUT.");
                        $( "#dialog_alerta" ).dialog('open');
                        $("#rut").val("");
                    }
                }
            });  

            if($(this).val()=="0-0"){
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("Rut inválido.");
                $( "#dialog_alerta" ).dialog('open');
                $("#rut").val("");
            }


        });

        $("#profesion").change(function() {
            
            var idprofesion=$("#profesion").val();
        
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "ajax_listarsubespecialidad",
                type: "POST",
                data: {idprofesion: idprofesion},
                dataType: 'json',
                async: false,
                success: function (data) {
                    if (data != "") {
                        $("#subespecialidad").html('');
                        $("#subespecialidad").append('<option value="0" >Seleccione subespecialidad</option>');
                        $.each(data, function (i, d) {

                            $("#subespecialidad").append('<option value="' + d.id + '" >' + d.nombre + '</option>');
                            $('#subespecialidad').selectpicker('refresh');
                        });

                        $("#subespecialidad").val(0),
                        $('#subespecialidad').selectpicker('refresh');
                        $("#subespecialidad").attr('disabled', false);
                        $('#subespecialidad').selectpicker('refresh');
                    }
                    else {
                        $("#subespecialidad").html('');

                    }
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    alert('ERROR');
                }
            });
   
        });

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

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

          /*$("#sucursal").html('');
          $("#sucursal").append('<option value="0" >Seleccione sucursal</option>');
          $('#sucursal').selectpicker('refresh');*/
          
          if(tiposervicio=="0"){
              $( "#dialog_texto" ).empty();
              $( "#dialog_texto" ).append("Debe seleccionar el tipo de servicio.");
              $( "#dialog_alerta" ).dialog('open');
              return false; 
          }
          else{

            $.ajax({
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              },
              url: "ajax_listarcategoriatiposervicio",
              type: "POST",
              data: {tiposervicio: tiposervicio},
              dataType: 'json',
              async: true,
              success: function (data) {
                  if (data != "") {
                      $("#cattiposervicio").html('');
                      $("#cattiposervicio").append('<option value="0" >Seleccione subtipo servicio</option>');
                      $.each(data, function (i, d) {

                          $("#cattiposervicio").append('<option value="' + d.id + '" >' + d.nombre + '</option>');
                      });

                      $('#cattiposervicio').selectpicker('refresh');

                      $("#cattiposervicio").attr('disabled', false);
                      $('#cattiposervicio').selectpicker('refresh');

                      $("#cattiposervicio").val(0),
                      $('#cattiposervicio').selectpicker('refresh');
                  }
                  else {
                      $("#cattiposervicio").html('');
                      $("#cattiposervicio").append('<option value="0" >Seleccione subtipo servicio</option>');
                      $('#cattiposervicio').selectpicker('refresh');
                  }

              },
              error: function (xhr, ajaxOptions, thrownError) {
                  alert('ERROR');
              }
            });

          }

        });   

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

          var agenda = $('input:checkbox[id=checkboxagenda]:checked').val();

          //alert(agenda);

          if (agenda=="on") {

             $("#checkboxagenda").prop("checked", true); 
             $("#profesion").attr('disabled', false);
             $('#profesion').selectpicker('refresh');
             $("#subespecialidad").attr('disabled', true);
             $('#subespecialidad').selectpicker('refresh');

             $("#profesion").val(0),
             $('#profesion').selectpicker('refresh'); 

             
             $("#subespecialidad").val(0),
             $('#subespecialidad').selectpicker('refresh');
               
          }
          else{
             
             $("#checkboxagenda").prop("checked", false);
             $("#profesion").attr('disabled', true);
             $('#profesion').selectpicker('refresh');
             $("#subespecialidad").attr('disabled', true);
             $('#subespecialidad').selectpicker('refresh'); 

             $("#profesion").val(0),
             $('#profesion').selectpicker('refresh'); 

             $("#subespecialidad").val(0),
             $('#subespecialidad').selectpicker('refresh');             
          }

        }); 

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

          var medadmin = $('input:checkbox[id=checkboxmedadmin]:checked').val();

          var blanco="";

          if (medadmin=="on") {

             $("#checkboxmedadmin").prop("checked", true);

             $("#tiposervicio").attr('disabled', false);
             $('#tiposervicio').selectpicker('refresh');
             $("#cattiposervicio").attr('disabled', true);
             $('#cattiposervicio').selectpicker('refresh');

             $.ajax({
                  headers: {
                      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                  },
                  url: "ajax_listartiposervicio",
                  type: "POST",
                  data: {},
                  dataType: 'json',
                  async: false,
                  success: function (data) {
                      if (data != "") {
                          $("#tiposervicio").html('');
                          $("#tiposervicio").append('<option value="0" >Seleccione tipo servicio</option>');
                          $.each(data, function (i, d) {

                              $("#tiposervicio").append('<option value="' + d.id_tiposervicio + '" >' + d.descripcion + '</option>');
                              $('#tiposervicio').selectpicker('refresh');
                          });

                          $("#tiposervicio").val(0),
                          $('#tiposervicio').selectpicker('refresh'); 

                          $("#cattiposervicio").attr('disabled', true);
                          $('#cattiposervicio').selectpicker('refresh'); 
                      }
                      else {
                          $("#tiposervicio").html('');
                      }
                  },
                  error: function (xhr, ajaxOptions, thrownError) {
                      alert('ERROR');
                  }
             });

             /*$("#tiposervicio").append('<option value="0" >Seleccione tipo servicio</option>');
             $('#tiposervicio').selectpicker('refresh'); 

             alert("pase por aqui");

             $("#tiposervicio").val(0),
             $('#tiposervicio').selectpicker('refresh');*/ 
             
               
          }
          else{
             
             $("#checkboxmedadmin").prop("checked", false);

             $("#tiposervicio").attr('disabled', true);
             $('#tiposervicio').selectpicker('refresh');
             $("#cattiposervicio").attr('disabled', true);
             $('#cattiposervicio').selectpicker('refresh'); 

             $("#tiposervicio").html('');
             $('#tiposervicio').selectpicker('refresh');

             $("#tiposervicio").append('<option value="0" > </option>');
             $('#tiposervicio').selectpicker('refresh');

             $("#cattiposervicio").html('');
             $('#cattiposervicio').selectpicker('refresh');

             $("#cattiposervicio").append('<option value="0" > </option>');
             $('#cattiposervicio').selectpicker('refresh');

             //$("#tiposervicio").val(0),
             //$('#tiposervicio').selectpicker('refresh'); 

             //$("#cattiposervicio").val(0),
             //$('#cattiposervicio').selectpicker('refresh');
            
          }     

        });

   

        /*$("#email").change(function(){
            var regex = /[\w-\.]{1,}@([\w-]{2,}\.)*([\w-]{2,}\.)[\w-]{2,4}/;
            if (regex.test($('#email').val().trim())) {

                var token = $('meta[name="csrf-token"]').attr('content');
                var url='ajax_verifica_email';
                var data={"email" : this.value};

                $.ajax({
                    type:'POST',
                    url: url,
                    data: data,
                    headers: {
                        'X-CSRF-TOKEN': token
                    },
                    success:function(data){
                        if(data==0){
                            
                            $( "#dialog_texto" ).empty();
                            $( "#dialog_texto" ).append("Email ya existe, ingresar otro.");
                            $( "#dialog_alerta" ).dialog('open');
                            $("#email").val("");
                        }
                    }
                });

            } else {
                //alert('La direccón de correo no es válida');               

                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("Email inválido.");
                $( "#dialog_alerta" ).dialog('open');
                $("#email").val("");
            }            
        }); */

        

    });
    
    $(document).ready(function() {

        cargarsubespecialidad();

        $("#checkboxagenda").prop("checked", true); 


        

    });    

    </script>
@stop