@extends('layout.master')
@section('parentPageTitle', 'Profesionales')
@section('title', 'Editar técnico')

@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">


    .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="body">

                    
                    <div class="media">
                      <div class="float-left">
                          <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>
                          <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> 
                      </div>
                        <div class="media-body">
                          <p class="m-b-0">
                              <div class="float-right">
                                  <div class="m-r-20">

                                     
                                            <img id="previzualizar_foto" class="img-circle" src="{{route('sinfotoprofesional')}}" width="100" height="100" alt=""  style="">

                                    
                                     



                                   
                                  </div>
                              </div>
                              <br>
                              <br>
                              <div class="float-right">
                                  <div class="m-r-20"> 
                                      <span id="archivoseleccionado" name="archivoseleccionado" class="form-control" disabled="" style="display: none;"></span>                                 
                                      <span style="font-size:12px;margin-top:-15%" class="btn btn-success btn-round" onclick="$(this).parent().find('input[type=file]').click();">Cargar foto</span>
                                      <input id="foto_pac" name="foto_pac" onchange="$(this).parent().parent().find('.form-control').html($(this).val().split(/[\\|/]/).pop());" style="display: none;" type="file" accept="image/png" >

                                      <div class="form-group">
                                         <p style="color:#FF0000;font-size: 10px;margin-top:1%;margin-left:18%;" >PNG (Max. 1MB)</p>
                                          @if($errors->has('image'))
                                         <span>
                                             <strong>{{ $errors->first('image') }}</strong>
                                          </span>
                                          @endif
                                      </div> 
                                  </div>
                              </div>     
                          </p>
                        </div>
                    </div>

                    <form action="" id="formEditarPro" method="post" enctype="multipart/form-data">

                        {{ csrf_field() }}
                        <div class="row clearfix">

                            <input type="hidden" id="emailmodificado" autocomplete="off" name="emailmodificado" class="form-control" required value="{{$data[0]->email}}">

                            <input type="hidden" id="nombremodificado" autocomplete="off" name="nombremodificado" class="form-control" required value="{{$data[0]->nombre}}">

                            <input type="hidden" id="amaternomodificado" autocomplete="off" name="amaternomodificado" class="form-control" required value="{{$data[0]->amaterno}}">

                            <input type="hidden" id="apaternomodificado" autocomplete="off" name="apaternomodificado" class="form-control" required value="{{$data[0]->apaterno}}">

                            <input type="hidden" id="agenda" autocomplete="off" name="agenda" class="form-control" required value="{{$data[0]->agenda}}">

                            <input type="hidden" id="medadmin" autocomplete="off" name="medadmin" class="form-control" required value="{{$data[0]->medadmin}}">

                            <input type="hidden" id="idprofesion" autocomplete="off" name="idprofesion" class="form-control" required value="{{$idprofesion}}">

                            <input type="hidden" id="nombreprofesion" autocomplete="off" name="nombreprofesion" class="form-control" required value="{{$nombreprofesion}}">

                            <input type="hidden" id="idprofesional" autocomplete="off" name="idprofesional" class="form-control" required value="{{$idprofesional}}">   

                             <input type="hidden" id="idtiposervicio" autocomplete="off" name="idtiposervicio" class="form-control" required value="{{$idtiposervicio}}">

                            <input type="hidden" id="nombretiposervicio" autocomplete="off" name="nombretiposervicio" class="form-control" required value="{{$nombretiposervicio}}">

                            <input type="hidden" id="plancontratado" autocomplete="off" name="plancontratado" class="form-control" required value="{{$plancontratado}}">

                            <input type="hidden" name="fotooculto" id="fotooculto" value="{{$data[0]->foto}}">

                            
                            
                            <!--<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 }}" selected>{{ $pro->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>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 value="{{$data[0]->rut}}" readonly>
                                </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 value="{{$data[0]->nombre}}" 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 value="{{$data[0]->apaterno}}" 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 value="{{$data[0]->amaterno}}" 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 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" disabled="">

                                            <option value=""> </option>
                                            
                                           
                                        </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 especialidades">Sub-Especialidad *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">

                                    
                                                                        
                                            
                                                <select id="subespecialidad" name="subespecialidad[]" class="select" title="" multiple>
                                                                                                    </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>Género</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <select id="genero" name="genero">
                                        <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 }}" selected>{{ $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" value="{{$data[0]->direccion}}" 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 }}"  selected>{{ $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 value="">

                                    
                                    

                                </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 value="{{$data[0]->email}}" 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" value="{{$data[0]->telefono1}}">

                                </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" value="{{$data[0]->telefono2}}">
                                </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é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" value="{{$data[0]->gradoacademico}}">

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

                        <input type="hidden" id="id" name="id" value="{{$data[0]->user_id}}">

                        <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" value="{{$data[0]->universidad}}">

                                </div>
                            </div> 

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Observación</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                     <div class="col-sm-15">
                                          <textarea style="border-radius: 10px;
                                          border: 1px solid #E3E3E3;text-transform:uppercase" id="presentacion" name="presentacion" rows="3" cols="40" maxlength="500" class="form-control">{{$data[0]->presentacion}}</textarea>
                                          <p id="caractrestpresentacion" style="font-size:13px;color:#D3D3D3;">(0/{{500}} carác.)</p>
                                          
                                    </div>

                                </div>
                            </div>  
                            
                        </div>


                        <div class="row clearfix"> 
                            
                            <!--<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="btnEditar" name="btnEditar" class="btn btn-primary btn-round">Grabar</button>
                                
                                <button style="border-color:#FF3636; color:#FF3636;" type="button" id="btnCancelarEditar" 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>

    let cambioarchivofoto="NO";    

    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>=2){

        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;
                }
            });

        });        

    }
    

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

         window.location.href = "listado"; 

    });
    
    $("#btnEditar").click(function(){

        //alert("pase por aqui");

        var email= $("#email").val();
        var emailmodificado= $("#emailmodificado").val();
        var rut=$("#rut").val();
        var nombre=$("#nombre").val();
        var nombremodificado= $("#nombremodificado").val();
        var apellidopaterno=$("#apellidopaterno").val();
        var apellidopaternomodificado=$("#apaternomodificado").val();
        var apellidomaterno=$("#apellidomaterno").val();
        var apellidomaternomodificado=$("#amaternomodificado").val();
        var fnacimiento=$("#fnacimiento").val();
        var telefono1= $("#telefono1").val();
        var telefono2= $("#telefono2").val();
        var especialidad= $("#profesion").val();
        var valorsubespecialidad= $("#subespecialidad").val();
        var plancontratado= $("#plancontratado").val();
        var src = $('#previzualizar_foto').attr('src');
        // Extrae el nombre del archivo de la URL
        var nombreFoto = src.substring(src.lastIndexOf('/') + 1);

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

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

        if(tiposervicio==3){ 
            
            var agenda="N";
            var medadmin="N";

        }
        
        if(tiposervicio==4){ 
            
            var agenda="N";
            var medadmin="S"; 

        }   

        if(nombreFoto=="sinfotoprofesional"){  
            $( "#dialog_texto" ).empty();
            $( "#dialog_texto" ).append("Debe cargar la foto del profesional.");
            $( "#dialog_alerta" ).dialog('open');
            return false; 
        }

        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")|| (valorsubespecialidad=="")){
            $( "#dialog_texto" ).empty();
            $( "#dialog_texto" ).append("Debe seleccionar la subespecialidad.");
            $( "#dialog_alerta" ).dialog('open');
            return false; 
        }

        //}

        if(plancontratado>=2){

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

        }

        //alert(valorsubespecialidad);

        if(plancontratado>=2){

            if((especialidad==6)||(especialidad==8)){

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

                if((cattiposervicio=="0")||(cattiposervicio=="")){
                    $( "#dialog_texto" ).empty();
                    $( "#dialog_texto" ).append("Debe seleccionar la categoria de servicio.");
                    $( "#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; 
        }

        if(valorsubespecialidad==""){

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

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


        if(telefono1!=""){

            var validartelefonoprincipal=validartlf(telefono1);
           
            if(validartelefonoprincipal=="NOVALIDO"){

                $("#dialog_texto" ).empty();
                //$("#dialog_texto" ).append("N&uacute;mero tel&eacute;fono administrador inv&aacute;lido.");
                $("#dialog_texto" ).append("El formato de n&uacute;mero de tel&eacute;fono debe tener entre 9 y 12 d&iacute;gitos.");
                $("#dialog_alerta" ).dialog('open');
                $('#telefono1').focus();
                return false;


            }

        }

        if(telefono2!=""){

            var validartelefonosecundario=validartlf(telefono2);
           
            if(validartelefonosecundario=="NOVALIDO"){

                $("#dialog_texto" ).empty();
                //$("#dialog_texto" ).append("N&uacute;mero tel&eacute;fono administrador inv&aacute;lido.");
                $("#dialog_texto" ).append("El formato de n&uacute;mero de tel&eacute;fono debe tener entre 9 y 12 d&iacute;gitos.");
                $("#dialog_alerta" ).dialog('open');
                $('#telefono2').focus();
                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("");
        }*/

        if((nombre!=nombremodificado)||(apellidopaterno!=apellidopaternomodificado)||(apellidomaterno!=apellidomaternomodificado)){

            var nombremodificado="SI";

        }
        else{

            var nombremodificado="NO"; 
        }

        /*if(plancontratado==2){

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

        }*/  

        if(email!=emailmodificado){

            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');
                        var foto_pac = $('input[name="foto_pac"]')[0].files[0];

                        var file_data = foto_pac;   
                        var form_data = new FormData();                  
                        
                        form_data.append('foto_pac',file_data);
                        
                        form_data.append('archivoseleccionado',$("#archivoseleccionado").val());

                        form_data.append('cambioarchivofoto',cambioarchivofoto);

                        form_data.append('id',$("#id").val());
                        form_data.append('rut',$("#rut").val());
                        form_data.append('nombre',$("#nombre").val());
                        form_data.append('apellidopaterno',$("#apellidopaterno").val());
                        form_data.append('apellidomaterno',$("#apellidomaterno").val());
                        form_data.append('fnacimiento',$("#fnacimiento").val());
                        form_data.append('email',$("#email").val());
                        form_data.append('profesion',$("#profesion").val());
                        form_data.append('genero',$("#genero").val());
                        form_data.append('nacionalidad',$("#nacionalidad").val());
                        form_data.append('direccion',$("#direccion").val());
                        form_data.append('comuna',$("#comuna").val());
                        form_data.append('telefono1',$("#telefono1").val());
                        form_data.append('telefono2',$("#telefono2").val());
                        form_data.append('gradoacademico',$("#gradoacademico").val());
                        form_data.append('anotitulo',$("#anotitulo").val());
                        form_data.append('universidad',$("#universidad").val());
                        form_data.append('presentacion',$("#presentacion").val());
                        if (subespecialidad) {
                            subespecialidad.forEach(function(item) {
                                form_data.append('subespecialidad[]', item); // Agregar cada valor al FormData
                            });
                        }
                        form_data.append('nombremodificado',nombremodificado);
                        form_data.append('agenda',agenda);
                        form_data.append('medadmin',medadmin);
                        form_data.append('tiposervicio',tiposervicio);
                        
                        var cattiposerviciofront= $("#cattiposervicio").val(); 
                        if (cattiposerviciofront) {
                            // Si es múltiple, es un array. Si es simple, es un string.
                            if (Array.isArray(cattiposerviciofront)) {
                                cattiposerviciofront.forEach(function(item) {
                                    form_data.append('cattiposervicio[]', item); // Para varios seleccionados
                                });
                            } else {
                                form_data.append('cattiposervicio[]', cattiposerviciofront); // Para uno solo
                            }
                        }
                       
                        $.ajax({

                            type:'POST',            
                            async:false,
                            url:'guardar_edicion_tec',
                            /*data:{
                               id:$("#id").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(),
                               nombremodificado:nombremodificado,
                               agenda:agenda,
                               medadmin:medadmin,
                               tiposervicio:tiposervicio,
                               cattiposervicio:cattiposervicio,
                               numbloquesconsul:$("#numbloquesconsul").val(),
                               bloquestiempoconsul:$("#bloquestiempoconsul").val(),
                            },*/
                            dataType: 'html',
                            data: form_data,
                            processData:false,
                            cache:false,
                            contentType: false, 
                            headers: {'X-CSRF-TOKEN': token},

                            success:function(data){

                                if (data == 'tecnicoencontrado') {

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


                                if (data == 'actualizado') {

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

                            }
                        });   

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

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

            var foto_pac = $('input[name="foto_pac"]')[0].files[0];

            var file_data = foto_pac;   
            var form_data = new FormData();                  
            form_data.append('foto_pac',file_data);
            form_data.append('archivoseleccionado',$("#archivoseleccionado").val());

            form_data.append('cambioarchivofoto',cambioarchivofoto);

            form_data.append('id',$("#id").val());
            form_data.append('rut',$("#rut").val());
            form_data.append('nombre',$("#nombre").val());
            form_data.append('apellidopaterno',$("#apellidopaterno").val());
            form_data.append('apellidomaterno',$("#apellidomaterno").val());
            form_data.append('fnacimiento',$("#fnacimiento").val());
            form_data.append('email',$("#email").val());
            form_data.append('profesion',$("#profesion").val());
            form_data.append('genero',$("#genero").val());
            form_data.append('nacionalidad',$("#nacionalidad").val());
            form_data.append('direccion',$("#direccion").val());
            form_data.append('comuna',$("#comuna").val());
            form_data.append('telefono1',$("#telefono1").val());
            form_data.append('telefono2',$("#telefono2").val());
            form_data.append('gradoacademico',$("#gradoacademico").val());
            form_data.append('anotitulo',$("#anotitulo").val());
            form_data.append('universidad',$("#universidad").val());
            form_data.append('presentacion',$("#presentacion").val());
            if (subespecialidad) {
                subespecialidad.forEach(function(item) {
                    form_data.append('subespecialidad[]', item); // Agregar cada valor al FormData
                });
            }
            form_data.append('nombremodificado',nombremodificado);
            form_data.append('agenda',agenda);
            form_data.append('medadmin',medadmin);
            form_data.append('tiposervicio',tiposervicio);
            var cattiposerviciofront= $("#cattiposervicio").val(); 
            if (cattiposerviciofront) {
                // Si es múltiple, es un array. Si es simple, es un string.
                if (Array.isArray(cattiposerviciofront)) {
                    cattiposerviciofront.forEach(function(item) {
                        form_data.append('cattiposervicio[]', item); // Para varios seleccionados
                    });
                } else {
                    form_data.append('cattiposervicio[]', cattiposerviciofront); // Para uno solo
                }
            }
            //form_data.append('cattiposervicio',cattiposervicio);

            $.ajax({

                type:'POST',            
                async:false,
                url:'guardar_edicion_tec',
                /*data:{
                   id:$("#id").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(),
                   nombremodificado:nombremodificado,
                   agenda:agenda,
                   medadmin:medadmin,
                   tiposervicio:tiposervicio,
                   cattiposervicio:cattiposervicio,
                   numbloquesconsul:$("#numbloquesconsul").val(),
                   bloquestiempoconsul:$("#bloquestiempoconsul").val(),
                },*/
                dataType: 'html',
                data: form_data,
                processData:false,
                cache:false,
                contentType: false, 
                headers: {'X-CSRF-TOKEN': token},

                success:function(data){

                    if (data == 'tecnicoencontrado') {

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


                    if (data == 'actualizado') {

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

                }
            });

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

        

    });

    $("#profesion").change(function() {
    
        var profesion = $("#profesion").val();
        var idprofesional = $("#idprofesional").val(); // Assuming you have this field in your form
        var idprofesion=$("#idprofesion").val();

        if(idprofesion==""){

           $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "ajax_listarsubespecialidad",
                type: "POST",
                data: {idprofesion: profesion},
                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');
                        });

                        if (data.length > 0) {
                            $("#subespecialidad").val(data[0].id);
                            $('#subespecialidad').selectpicker('refresh');
                        }

                        /*$("#subespecialidad").val(1),
                        $('#subespecialidad').selectpicker('refresh');*/

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

        }
        else{

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "ajax_listarsubespecialidadasignadas",
                type: "POST",
                data: {
                    idprofesion: profesion,
                    idprofesional: idprofesional
                },
                dataType: 'json',
                success: function(data) {
                    if (data && data.listasubespecialidadbd && data.listasubespecialidadprofesional) {
                        $("#subespecialidad").html(''); // Limpiar el select

                        var assignedIds = data.listasubespecialidadprofesional.map(function(sub) {
                            return sub.id;
                        });

                        // Iterar sobre todas las subespecialidades y agregarlas al select
                        $.each(data.listasubespecialidadbd, function(i, sub) {
                            var option = $('<option>', {
                                value: sub.id,
                                text: sub.nombresubespecialidad
                            });

                            // Si la subespecialidad está asignada, seleccionarla
                            if (assignedIds.includes(sub.id)) {
                                option.attr('selected', 'selected');
                            }

                            $("#subespecialidad").append(option);
                        });

                        // Refrescar el selectpicker
                        $('#subespecialidad').selectpicker('refresh');

                        // Habilitar el select
                        $("#subespecialidad").attr('disabled', false);
                        $('#subespecialidad').selectpicker('refresh');
                    } else {
                        $("#subespecialidad").html(''); // Limpiar el select en caso de que no haya datos
                    }
                },
                error: function(xhr, ajaxOptions, thrownError) {
                    alert('ERROR');
                }
            });

        }    

        
    });

    $("#tiposervicio").change(function() {
    
        var tiposervicio = $("#tiposervicio").val();
        //var idprofesional = $("#idprofesional").val(); // Assuming you have this field in your form

        var idprofesion=$("#profesion").val();
        var especialidad=$("#subespecialidad").val();
        var idtiposervicio= $("#idtiposervicio").val();

        if(idtiposervicio==""){

           $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "ajax_listarsubtiposservicio",
                type: "POST",
                data: {
                    idtiposervicio: tiposervicio,
                    //idprofesional: idprofesional,
                    idprofesion:idprofesion,
                    subespecialidad:especialidad

                },

                dataType: 'json',
                async: false,
                success: function (data) {
                    if (data != "") {
                        $("#cattiposervicio").html('');
                        $("#cattiposervicio").append('<option value="0" >Seleccione categoria</option>');
                        $.each(data, function (i, d) {

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

                        /*if (data.length > 0) {
                            $("#cattiposervicio").val(data[0].id);
                            $('#cattiposervicio').selectpicker('refresh');
                        }*/

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

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

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

                        
                    }
                    else {
                        //alert("pase por aqui");
                          $( "#dialog_texto" ).empty();
                          if(tiposervicio==2){
                             $( "#dialog_texto" ).append("No existen categor&iacute;a de procedimientos.");
                          }
                          if(tiposervicio==3){

                             $( "#dialog_texto" ).append("No existen categor&iacute;a de toma de muestra.");
                            
                          }
                          if(tiposervicio==4){

                             $( "#dialog_texto" ).append("No existen categor&iacute;a de imagenes.");
                            
                          }
                          
                         
                          $( "#dialog_alerta" ).dialog('open');
                          $("#cattiposervicio").html('');
                          $("#cattiposervicio").append('<option value="0" >Seleccione categoria servicio</option>');
                          $('#cattiposervicio').selectpicker('refresh');
                    }
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    alert('ERROR');
                }
            }); 

        }
        else{

            /*var idprofesion=$("#profesion").val();
            var especialidad=$("#subespecialidad").val();*/

            var idprofesional = $("#idprofesional").val(); // Assuming you have this field in your form  

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "ajax_listarsubtiposervicioasignados",
                type: "POST",
                data: {
                    idtiposervicio: tiposervicio,
                    idprofesional: idprofesional,
                    idprofesion:idprofesion,
                    subespecialidad:especialidad

                },
                dataType: 'json',
                success: function(data) {
                    if (data && data.listasubtiposerviciobd && data.listasubtiposervicioprofesional) {
                        $("#cattiposervicio").html(''); // Limpiar el select

                        var assignedIds = data.listasubtiposervicioprofesional.map(function(sub) {
                            return sub.id;
                        });

                        // Iterar sobre todas las subespecialidades y agregarlas al select
                        $.each(data.listasubtiposerviciobd, function(i, sub) {
                            var option = $('<option>', {
                                value: sub.id,
                                text: sub.nombresubtiposervicio
                            });

                            // Si la subespecialidad está asignada, seleccionarla
                            if (assignedIds.includes(sub.id)) {
                                option.attr('selected', 'selected');
                            }

                            $("#cattiposervicio").append(option);
                        });

                        // Refrescar el selectpicker
                        $('#cattiposervicio').selectpicker('refresh');

                        // Habilitar el select
                        $("#cattiposervicio").attr('disabled', false);
                        $('#cattiposervicio').selectpicker('refresh');
                    } else {
                        $("#cattiposervicio").html(''); // Limpiar el select en caso de que no haya datos
                    }
                },
                error: function(xhr, ajaxOptions, thrownError) {
                    alert('ERROR');
                }
            });

        }    

        
    });

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

        var tiposervicio = $("#tiposervicio").val();
        var idprofesional = $("#idprofesional").val(); // Assuming you have this field in your form
        var idprofesion=$("#profesion").val();
        var especialidad=$("#subespecialidad").val();

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

        //alert(plancontratado);

        if((plancontratado!=0) && (plancontratado!=1)){

            if(especialidad!=0){

                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: "ajax_listarsubtiposervicioasignados",
                    type: "POST",
                    data: {
                        idtiposervicio: tiposervicio,
                        idprofesional: idprofesional,
                        idprofesion:idprofesion,
                        subespecialidad:especialidad

                    },
                    dataType: 'json',
                    success: function(data) {
                        if (data && data.listasubtiposerviciobd && data.listasubtiposervicioprofesional) {
                            $("#cattiposervicio").html(''); // Limpiar el select

                           
                            var assignedIds = data.listasubtiposervicioprofesional.map(function(sub) {
                                return sub.id;
                            });

                            // Iterar sobre todas las subespecialidades y agregarlas al select
                            $.each(data.listasubtiposerviciobd, function(i, sub) {
                                var option = $('<option>', {
                                    value: sub.id,
                                    text: sub.nombresubtiposervicio
                                });

                                // Si la subespecialidad está asignada, seleccionarla
                                if (assignedIds.includes(sub.id)) {
                                    option.attr('selected', 'selected');
                                }

                                $("#cattiposervicio").append(option);
                            });

                            // Refrescar el selectpicker
                            $('#cattiposervicio').selectpicker('refresh');

                            // Habilitar el select
                            $("#cattiposervicio").attr('disabled', false);
                            $('#cattiposervicio').selectpicker('refresh');

                            /*$("#cattiposervicio").append('<option value="0" >Seleccione categoria</option>');

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



                        } else {
                            $("#cattiposervicio").html(''); // Limpiar el select en caso de que no haya datos
                        }
                    },
                    error: function(xhr, ajaxOptions, thrownError) {
                        alert('ERROR');
                    }
                });

            }
            else{

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

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

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

            } 

        }        

    });    

    $(function () {

       
        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;
            }

        });

        $('#foto_pac').on('change', function(ev) {

            //$('#foto_pac').change(function() {

            $('#previzualizar_foto').hide();

            var reader = new FileReader();
            var file = ev.target.files[0];

            var blanco = "";

            var fileName = this.files[0].name;
            var fileSize = this.files[0].size;

            var ext = fileName.split('.').pop();

            $('#archivoseleccionado').val(fileName);

            cambioarchivofoto="SI";

            //alert(ext);
            
            // Convertimos en minúscula porque 
            // la extensión del archivo puede estar en mayúscula
            ext = ext.toLowerCase();

            if(ext!="png"){

                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("Formato de la imagen incorrecto");
                $( "#dialog_alerta" ).dialog('open');
                this.value = ''; 
                //this.files[0].name = '';
                //$("#logo")[0].files[0].name = '';
                //$("#logo").val("");
                $('#archivoseleccionado').empty();
                $('#archivoseleccionado').val(blanco);

                return false;

            }
        
            var iSize = ($("#foto_pac")[0].files[0].size / 1024); 
            iSize = (Math.round(iSize * 100) / 100);

            if(iSize>1000){
                $("#foto_pac").val(blanco);
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("El tamaño de la imagen es de "+ iSize  + "kb. Máximo permitido 1000Kb.");
                $( "#dialog_alerta" ).dialog('open');
                //alert("Su archivo es de "+ iSize  + "kb. Máximo permitido 2048Kb."); 
                return false;
            }

            //$("#textoarchivo_generarticket1").val(ev.target.files[0].name);
            reader.onload = fileOnload1;
            reader.readAsDataURL(file);  
                
        });

        function fileOnload1(e) {
            var result=e.target.result;
            $('#previzualizar_foto').attr("src",result);
            $('#previzualizar_foto').show();
        }

        $("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);
        });

        $('#telefono1').on('input', function () { 
                
            //var maxLength = $(this).attr('maxlength'); // Obtiene el valor del atributo maxlength
            var maxLength = 12; // Límite de caracteres
            var currentLength = $(this).val().length;  // Obtiene la longitud actual del texto

            //console.log(maxLength+" "+currentLength);

            if (currentLength > maxLength) {
                $(this).val($(this).val().substring(0, maxLength));
                $("#dialog_texto" ).empty();
                $("#dialog_texto" ).append("El formato de n&uacute;mero de tel&eacute;fono debe tener entre 9 y 12 d&iacute;gitos.");
                $("#dialog_alerta" ).dialog('open');
            }
        });

        $('#telefono2').on('input', function () { 
                
            //var maxLength = $(this).attr('maxlength'); // Obtiene el valor del atributo maxlength
            var maxLength = 12; // Límite de caracteres
            var currentLength = $(this).val().length;  // Obtiene la longitud actual del texto

            //console.log(maxLength+" "+currentLength);

            if (currentLength > maxLength) {
                $(this).val($(this).val().substring(0, maxLength));
                $("#dialog_texto" ).empty();
                $("#dialog_texto" ).append("El formato de n&uacute;mero de tel&eacute;fono debe tener entre 9 y 12 d&iacute;gitos.");
                $("#dialog_alerta" ).dialog('open');
            }
        });

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

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

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

          //alert(agenda);

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

          //alert(idprofesion);

            if(idprofesion==""){

                if (agenda=="on") {

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

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

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

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

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



                }
                
                else{

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

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

                     $("#profesion").html('');

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


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

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

                }    

            }
            else{

                if (agenda=="on") {

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

                     $("#profesion").html('');

                     var idprofesion=$("#idprofesion").val();
                     var nombreprofesion=$("#nombreprofesion").val();

                     $("#profesion").append('<option value="0" >Seleccione especialidad</option>');
                     $("#profesion").append('<option value="' + idprofesion + '" >' + nombreprofesion + '</option>');

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

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

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

                     $("#profesion").html('');

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


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

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

            }

        }); */

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

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

          //alert(medadmin);

          var especialidad=$("#profesion").val();

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

          if (medadmin=="on") {

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

              var blanco="";
          
              var idprofesion=$("#profesion").val();  

              $.ajax({
                  headers: {
                      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                  },
                  url: "ajax_listartiposervicio",
                  type: "POST",
                  data: {idprofesion: idprofesion},
                  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'); 

                          /*if (data.length > 0) {
                                $("#tiposervicio").val(data[0].id);
                                $('#tiposervicio').selectpicker('refresh');
                          }*/

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

                          if(idprofesion==6){

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

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

                          }
                          else{

                            //$("#checkboxmedadmin").prop("checked", true);
                            //$("#checkboxmedadmin").attr('disabled', true);
                            $("#checkboxagenda").prop("checked", true);
                            $("#checkboxagenda").attr('disabled', false);
                            //$("#checkboxmedadmin").attr('disabled', false);
                            //$("#checkboxmedadmin").attr('disabled', true);

                          }

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

          }
          else{

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

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

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

          }   

         

          /*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');
            
          }*/     

        });

        $("#presentacion").keyup(function(){

           var longitudmaxima= $("#presentacion").attr("maxlength");
           var longitudrestante= $("#presentacion").val().length;

           var contador = "("+longitudrestante+"/"+longitudmaxima+" "+"carác."+")";

           $("#caractrestpresentacion").empty();
           $("#caractrestpresentacion").append(contador);

            
        });  


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

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

                if(email_actual!=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(email_actual);
                            }
                        }
                    });
                }

                    

            } 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(email_actual);
            }            
        });*/ 



    });

    $(document).ready(function() {

        var agenda=$("#agenda").val();
        var medadmin=$("#medadmin").val();
        var idprofesion=$("#idprofesion").val();

        if((idprofesion!=6)&&(idprofesion!=8)){

            if(agenda=="S"){

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

            }

            if(agenda=="N"){

                $("#checkboxagenda").prop("checked", false); 
                
            }

            if(medadmin=="S"){

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

            }

            if(medadmin=="N"){

                $("#checkboxmedadmin").prop("checked", false); 
                
            }

        }
        else{

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

            $("#checkboxmedadmin").prop("checked", false);
            $("#checkboxmedadmin").attr('disabled', true);
            
        }

        var longitudmaxima= $("#presentacion").attr("maxlength");
        var longitudrestante= $("#presentacion").val().length;
        //var longitudrestante= 0;
        var contador = "("+longitudrestante+"/"+longitudmaxima+" "+"carác."+")";

        $("#caractrestpresentacion").empty();
        $("#caractrestpresentacion").append(contador);


    });   
    </script>
@stop