@extends('layout.master')
@section('parentPageTitle', 'Profesionales')
@section('title', 'Nuevo 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">

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

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


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

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

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

    

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

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

                </div> -->
                <div class="body">

                    
                    
                    <div class="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="">  
                                  </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="formIngresarPro" method="post" enctype="multipart/form-data">

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

                        {{ csrf_field() }}

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

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

                         <div class="row clearfix">

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

                            

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

                                       
                                    </select> 

                                </div>
                            </div>

                            <!--<div class="col-sm-2">                                
                                <div class="form-group">
                                    <label>Tipo de profesional *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <select id="tipoprofesional" name="tipoprofesional" class="select">
                                        @foreach ($listaProfesionales as $pro)                                         
                                            <option value="{{ $pro->id }}">{{ $pro->nombre }}</option>
                                        @endforeach 
                                    </select> 
                                </div>
                            </div>-->

                           
                        </div>

                         

                        <div class="row clearfix">
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Contraseña *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="password" id="clavepro" name="clavepro" class="form-control" autocomplete="off"  required placeholder="Minimo 6 caracteres">
                                </div>
                            </div>
                            
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Género</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <select id="genero" name="genero" class="select">
                                        <option value="0">No declara</option>
                                        <option value="Masculino">Masculino</option>
                                        <option value="Femenino">Femenino</option>
                                    </select>
                                </div>
                            </div>

                        </div>

                        <div class="row clearfix"> 
                            
                           
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Nacionalidad</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <select id="nacionalidad" name="nacionalidad">
                                        <option value="">No declara</option>
                                        @foreach ($paises as $pais)
                                        <option value="{{ $pais->id }}">{{ $pais->nombre }}</option>
                                        @endforeach 
                                    </select> 
                                </div>
                            </div> 



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

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

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



                        <div class="row clearfix"> 
                             
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Email *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="email" name="email" class="form-control" autocomplete="off" required style="text-transform:uppercase">
                                </div>
                            </div>

                             <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Teléf. principal *</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="telefono1" name="telefono1" class="form-control" autocomplete="off">

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

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

                             <div class="col-sm-2" style="display:inline;">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Grado acad&eacute;mico</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4" style="display:inline;">
                                <div class="form-group">
                                    <input type="text" id="gradoacademico" name="gradoacademico" class="form-control" autocomplete="off">

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

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

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

                                </div>
                            </div>

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

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

                         <div class="row clearfix"> 
                           

                            <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"></textarea>
                                          <p id="caractrestpresentacion" style="font-size:13px;color:#D3D3D3;">(0/{{500}} carác.)</p>
                                          
                                    </div>

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

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



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


    <script>

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

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


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

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

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

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

    }

    function cargarsubespecialidad(){

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

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

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


    $(function () {

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

           window.location.href = "listado"; 

        });

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

            var clavepro=$("#clavepro").val();
            var rut=$("#rut").val();
            var nombre=$("#nombre").val();
            var apellidopaterno=$("#apellidopaterno").val();
            var apellidomaterno=$("#apellidomaterno").val();
            var fnacimiento=$("#fnacimiento").val();
            var email= $("#email").val();
            var telefono1= $("#telefono1").val();
            var 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 tiposervicio= $("#tiposervicio").val();

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

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

            }    

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

            //alert(nombreFoto);

            if(nombreFoto=="sinfotoprofesional"){  
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("Debe cargar la foto del t&eacute;cnico.");
                $( "#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"){
                $( "#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(); 

            }

            if(plancontratado>=2){    

                //alert(especialidad);

                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(clavepro==""){
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("Debe ingresar la contraseña.");
                $( "#dialog_alerta" ).dialog('open');
                return false; 
            }


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


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

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

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

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

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

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

            if(valorsubespecialidad==""){

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

                var subespecialidad = $('#subespecialidad').val();

                
            }

            /*if(plancontratado==2){

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

            }*/ 

            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 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('clavepro',$("#clavepro").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('subespecialidad',subespecialidad);
                        //form_data.append('regcolmed',$("#regcolmed").val());
                        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);
                        /*form_data.append('numbloquesconsul',$("#numbloquesconsul").val());
                        form_data.append('bloquestiempoconsul',$("#bloquestiempoconsul").val());*/
                        
                        $.ajax({

                            type:'POST',            
                            async:false,
                            url:'tecnico_nuevo',
                            /*data:{
                               clavepro:$("#clavepro").val(),
                               rut:$("#rut").val(),
                               nombre:$("#nombre").val(),
                               apellidopaterno:$("#apellidopaterno").val(),
                               apellidomaterno:$("#apellidomaterno").val(),
                               fnacimiento:$("#fnacimiento").val(),
                               email:$("#email").val(),
                               profesion:$("#profesion").val(),
                               genero:$("#genero").val(),
                               nacionalidad:$("#nacionalidad").val(),
                               direccion:$("#direccion").val(),
                               
                               comuna:$("#comuna").val(),
                               telefono1:$("#telefono1").val(),
                               telefono2:$("#telefono2").val(),
                               gradoacademico:$("#gradoacademico").val(),
                               anotitulo:$("#anotitulo").val(),
                               universidad:$("#universidad").val(),
                               subespecialidad:subespecialidad,
                               regcolmed:$("#regcolmed").val(),
                               //plancontratado:$("#plancontratado").val(),
                               agenda:agenda,
                               medadmin:medadmin,
                               tiposervicio:tiposervicio,
                               cattiposervicio:cattiposervicio,
                               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 == 'ingresado') {

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

                            }
                        });   

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

        });

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

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

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

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

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

            // calculamos los meses
            var meses = 0;

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

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

            return edad;
        }

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

        var tempArray = null;

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

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

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

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

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

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

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

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

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

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

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

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


        });

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

        });


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

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

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

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


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

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


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

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

        $('#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.");
                $('#telefono1').focus();
                $("#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.");
                $('#telefono2').focus();
                $("#dialog_alerta" ).dialog('open');
            }
        });


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

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

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

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

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


        });

        $("#profesion").change(function() {
            
            var idprofesion=$("#profesion").val();
            $("#tiposervicio").val(0),
            $('#tiposervicio').selectpicker('refresh');
            var tiposervicio=$("#tiposervicio").val();
            var especialidad=$("#subespecialidad").val();


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

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

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

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

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

                        var texto= "Categor&iacute;a servicio";

                        $("#nombrecategoria").empty();
                        $("#nombrecategoria").append(texto);

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

                        $("#cattiposervicio").attr('disabled', true);
                        $('#cattiposervicio').selectpicker('refresh');
                        
                    }
                    else {
                        $("#subespecialidad").html('');

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

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

            if(plancontratado>=3){

                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)||(idprofesion==8)){

                                /*$("#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');
                      }
                });  

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

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

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

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

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

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

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

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

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

                } 

                if((tiposervicio!=0)&&(idprofesion!=0)&&(especialidad!=0)){

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

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

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

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

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

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

                }     

            }
            
        });

        $("#subespecialidad").change(function() {
            
            var idprofesion=$("#profesion").val();
            var tiposervicio=$("#tiposervicio").val();
            var especialidad=$("#subespecialidad").val();

            if((tiposervicio!=0)&&(idprofesion!=0)&&(especialidad!=0)){

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

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

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

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

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

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

            }     

        });    


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

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

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

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

          console.log(idprofesion+""+especialidad);


            if(tiposervicio==2){

                var texto= "Categor&iacute;a procedimientos";

                $("#nombrecategoria").empty();
                $("#nombrecategoria").append(texto);

            }    


            if(tiposervicio==3){

                var texto= "Categor&iacute;a toma muestra";

                $("#nombrecategoria").empty();
                $("#nombrecategoria").append(texto);

            }

            if(tiposervicio==4){

                var texto= "Categor&iacute;a im&aacute;genes";

                $("#nombrecategoria").empty();
                $("#nombrecategoria").append(texto);

            } 


          /*$("#sucursal").html('');
          $("#sucursal").append('<option value="0" >Seleccione sucursal</option>');
          $('#sucursal').selectpicker('refresh');*/
          /*if(tiposervicio=="2"){

            var especialidad=$("#profesion").val();
            var subespecialidad=$("#subespecialidad").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(subespecialidad==""){
              $( "#dialog_texto" ).empty();
              $( "#dialog_texto" ).append("Debe seleccionar la subespecialidad.");
              $( "#dialog_alerta" ).dialog('open');
              $("#tiposervicio").val(0);
              $('#tiposervicio').selectpicker('refresh');
              return false; 
            }

          } */ 

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

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

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

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

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

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

                          // PASO CLAVE: destruir instancia al cambiar 'multiple'
                          $('#cattiposervicio').selectpicker('destroy');

                          if(tiposervicio==2){
                           
                            $('#cattiposervicio').attr('multiple', 'multiple');
                            $('#cattiposervicio').selectpicker();

                          }
                          else{
                            $('#cattiposervicio').removeAttr('multiple');
                            $('#cattiposervicio').selectpicker();
                          }
                      }
                      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');
                  }
                }); 

            } 



            /*if(tiposervicio=="2"){

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

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

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

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

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

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

            }
            else{

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

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

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

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

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

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

            }

          }*/

        }); 

        $('#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);

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

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

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

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

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

            
        });  

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

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

          //alert(agenda);

          if (agenda=="on") {

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

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

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

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

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

        });*/ 


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

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

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

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

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

        

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

        cargarsubespecialidad();

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


        

    });    

    </script>
@stop