{% extends 'base.html' %}

{% load staticfiles %}

{% block breadcrumbs %}
    {{ block.super }}
    <li class="active"><a href="#"><i class="icon-group"></i>Registro</a></li>

{% endblock %}

{% block extrastylesheet %}
    <link rel="stylesheet" href="{% static "assets/js/plugins/wizard/dandelion.wizard.css" %}">
{% endblock %}

{% block title %}
    Nuevo Paciente
{% endblock %}

{% block content %}
    <div class="row-fluid">
    <div class="messages">
        {% for error in form.non_field_errors %}
            <li style="list-style: none;" class="dgtic-message error">
                {{ error }}
            </li>
        {% endfor %}


    </div>
    <div id="msj_formulario">

    </div>
    <div class="dgtic-panel">
        <div class="dgtic-panel-header">
            <span class="dgtic-panel-title">
                <i class="icon-user-add"></i>
                Registro Individual
            </span>
        </div>

        <div class="dgtic-panel-content dgtic-form-container">


            <form id="formulario" class="dgtic-form" method="post" action="">
                {# seccion Datos entrada #}
                <fieldset class="dgtic-form-inline">
                    <legend Cuenta data-icon="icon-edit"> Datos de Entrada</legend>

                    <div class="dgtic-form-row">

                        <label class="dgtic-form-label"> Estado <span class="required"> * </span> </label>

                        <div class="dgtic-form-item large">
                            <select id="selectEstado" name="wizard[estado]" disabled class="required span12">
                                <option value="27">TABASCO</option>

                            </select>

                        </div>
                    </div>

                    <div class="dgtic-form-row">
                        <label class="dgtic-form-label"> Jurisdiccion <span class="required"> * </span> </label>

                        <div class="dgtic-form-item large">
                            <select id='selectMunicipio' name="wizard[municipio]" class="required span12">
                                <option>Seleccione</option>
                                {% for municipio in municipios %}
                                    <option value='{{ municipio.pk }}'>{{ municipio.nombre }}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>

                    <div class="dgtic-form-row">
                        <label class="dgtic-form-label"> Unidad Médica<span class="required"> * </span> </label>

                        <div class="dgtic-form-item large">
                            <select id='select_unidad' name="wizard[unidad]" disabled class="select2-select span12">

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

                    <div class="dgtic-form-row">
                        <label class="dgtic-form-label"> Servicio <span class="required"> * </span> </label>

                        <div class="dgtic-form-item large">
                            <select id='select_servicio' name="wizard[servicio]" disabled class="required span12">

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

                    <div class="dgtic-form-row">
                        <label class="dgtic-form-label">Responsable de atención<span class="required"> * </span>
                        </label>

                        <div class="dgtic-form-item large">
                            <select id='select_responsable' name="wizard[responsable]" disabled
                                    class="required span12">

                            </select>
                        </div>
                    </div>
                    <div class="dgtic-form-row">
                        <div class="dgtic-form-cols">

                            <div class="col-4-8">
                                <label class="dgtic-form-label"> Mes <span class="required"> * </span> </label>


                                <select id='select_mes' name="wizard[mes]" disabled class="required">
                                    <option></option>
                                    <option value='01'>Enero</option>
                                    <option value='02'>Febrero</option>
                                    <option value='03'>Marzo</option>
                                    <option value='04'>Abril</option>
                                    <option value='05'>Mayo</option>
                                    <option value='06'>Junio</option>
                                    <option value='07'>Julio</option>
                                    <option value='08'>Agosto</option>
                                    <option value='09'>Septiembre</option>
                                    <option value='10'>Octubre</option>
                                    <option value='11'>Noviembre</option>
                                    <option value='12'>Diciembre</option>

                                </select>

                            </div>
                            <div class="col-4-8">
                                <label class="dgtic-form-label"> Año <span class="required"> * </span> </label>


                                <select id='select_anio' name="wizard[anio]"  class="required"
                                        onclick="obtenerFecha()">
                                    <option></option>
                                    <option value='2010'>2010</option>
                                    <option value='2011'>2011</option>
                                    <option value='2012'>2012</option>
                                    <option value='2013'>2013</option>
                                    <option value='2014'>2014</option>
                                    <option value='2015'>2015</option>



                                </select>

                            </div>


                        </div>
                    </div>


                </fieldset>
                {# seccion Datos Paciente #}
                <fieldset class="dgtic-form-inline">
                    <legend data-icon="icon-edit">Datos del Paciente</legend>

                    <div class="dgtic-form-row">
                        <label class="dgtic-form-label">RFC<span class="required">* </span> </label>

                        <div class="dgtic-form-item large">
                            <input id='input_rfc' type="text" name="rfc" class="span7 required span12"
                                   onKeyUp="this.value=this.value.toUpperCase();" style="text-transform:uppercase;">
                            <button type="button" class="btn btn-primary" onclick="consultarPaciente_rfc()">
                                Comprobar RFC
                            </button>

                        </div>
                    </div>

                    <div class="dgtic-form-row">
                        <label class="dgtic-form-label"> Nombre <span class="required"> * </span> </label>

                        <div class="dgtic-form-item large">
                            <input id='input_nombre' type="text" disabled name="wizard[name]"
                                   class="required span12">
                        </div>
                    </div>

                    <div class="dgtic-form-row">
                        <label class="dgtic-form-label">Apellido Paterno<span class="required"> * </span> </label>

                        <div class="dgtic-form-item large">
                            <input id='input_ap_paterno' type="text" disabled name="wizard[ap_paterno]"
                                   class="required span12">
                        </div>
                    </div>

                    <div class="dgtic-form-row">
                        <label class="dgtic-form-label">Apellido Materno<span class="required"> * </span> </label>

                        <div class="dgtic-form-item large">
                            <input id='input_ap_materno' type="text" disabled name="wizard[ap_materno]"
                                   class="required span12">
                        </div>
                    </div>

                    <div class="dgtic-form-row">
                        <label class="dgtic-form-label" class="required"> <span> Sexo* </span> </label>

                        <div class="dgtic-form-item large">
                            <select id='select_sexo_paciente' name="wizard[sexo]" disabled class="required span12">
                                <option>Seleccione...</option>
                                <option value='H'>Hombre</option>
                                <option value='M'>Mujer</option>
                            </select>
                            <label for="wizard[gender]" class="error" generated="true"
                                   style="display:none"> </label>
                        </div>
                    </div>

                    <div class="dgtic-form-row">
                        <label class="dgtic-form-label"> Derechohabiente <span class="required"> * </span> </label>

                        <div class="dgtic-form-item large">
                            <select id='select_derechohabiente' disabled name="wizard[derechohabiente]"
                                    class="required span12">
                                <option></option>

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


                </fieldset>


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



    <div id="dgtic-ex-dialog-nuevopaciente" style="display: none">

        <form id="formulariopaciente" name="formulariopaciente" class="dgtic-form dgtic-form-inline"
              onsubmit='return false;'> {% csrf_token %}

            <div class="dgtic-form-row">
                <label class="dgtic-form-label">RFC</label>

                <div class="dgtic-form-item large">
                    <input type="text" name="rfc" disabled id="rfc_input_popup">
                </div>
            </div>

            <div class="dgtic-form-row">
                <label class="dgtic-form-label">Nombre</label>

                <div class="dgtic-form-item large">
                    <input type="text" name="nombre" id="nombre_input_popup"
                           onKeyUp="this.value=this.value.toUpperCase();" style="text-transform:uppercase;">
                </div>
            </div>


            <div class="dgtic-form-row">
                <label class="dgtic-form-label">Apellido Paterno</label>

                <div class="dgtic-form-item large">
                    <input type="text" name="apellido_p" id="ap_paterno_input_popup"
                           onKeyUp="this.value=this.value.toUpperCase();" style="text-transform:uppercase;">
                </div>
            </div>


            <div class="dgtic-form-row">
                <label class="dgtic-form-label">Apellido Materno</label>

                <div class="dgtic-form-item large">
                    <input type="text" name="apellido_m" id="ap_materno_input_popup"
                           onKeyUp="this.value=this.value.toUpperCase();" style="text-transform:uppercase;">
                </div>
            </div>


            <div class="dgtic-form-row">
                <label class="dgtic-form-label">Edad</label>

                <div class="dgtic-form-item large">
                    <input type="text" class="dgtic-spinner" name="edad" id="edad_input_popup">
                </div>
            </div>


            <div class="dgtic-form-row">
                <label class="dgtic-form-label">Sexo</label>

                <div class="dgtic-form-item large">
                    <select name="sexo" id="sexo_select_popup">
                        <option>Seleccione...</option>
                        <option value='H'>Hombre</option>
                        <option value='M'>Mujer</option>
                    </select>
                </div>
            </div>

            <div class="dgtic-form-row">
                <label class="dgtic-form-label">Estado</label>

                <div class="dgtic-form-item large">
                    <select name="estado_paciente" id="estado_select_popup">

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

            <div class="dgtic-form-row">
                <label class="dgtic-form-label">Municipio</label>

                <div class="dgtic-form-item large">
                    <select name="municipio_paciente" id="municipio_select_popup">

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


            <div class="dgtic-form-row">
                <label class="dgtic-form-label">Derechohabiente</label>

                <div class="dgtic-form-item large">
                    <select name="derechohabiente" id="derechohabiente_select_popup">

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

        </form>
    </div>

    <div id="dialog_subsecuente_form" class="form-container">

        <div id="info_subcecuente">
            <div class="dgtic-message info"><label id="txt_info_subcecuente"></label></div>
            <div class="dgtic-message warning"><label id="txt_warning_subcecuente"></label></div>
            <p id="msj_subsecuente"></p>
        </div>

        <form id="formulario_subsecuente" class="dgtic-form" onsubmit='return false;'> {% csrf_token %}
            <div id="dgtic-validate-error" class="dgtic-message error" style="display:none;"></div>
            <div class="dgtic-form-inline">
                <div class="dgtic-form-row">
                    <label class="dgtic-form-label">Fecha</label>

                    <div class="dgtic-form-item large">
                        <input type="text" name="fecha_subsecuente" id="fecha_subsecuente">
                    </div>
                </div>
                <div class="dgtic-form-row">
                    <label class="dgtic-form-label">Segimiento</label>

                    <div class="dgtic-form-item large">
                        <select name="segimiento" id="select_segimiento_dialog" onchange="ComprobarsectionEgreso()">
                            <option></option>
                            <option value="1">1 - El paciente ha cumplido con la asistencia del tratamiento
                                Ambulatorio
                            </option>
                            <option value="2">2 - El paciente es egresado del sistema</option>
                        </select>
                    </div>
                </div>
                <div class="dgtic-form-row" id="section_EgresoForm" style="display: none">
                    <div class="dgtic-form-row">
                        <label class="dgtic-form-label">Tipo de Egreso</label>

                        <div class="dgtic-form-item large">
                            <select name="reqSelect" id="select_tipoegreso_dialog_egreso"></select>

                        </div>
                    </div>
                    <div class="dgtic-form-row">
                        <label class="dgtic-form-label">Referencia</label>

                        <div class="dgtic-form-item large">
                            <input type="text" name="referencia" id="referencia" disabled>
                        </div>
                    </div>
                    <div class="dgtic-form-row">
                        <label class="dgtic-form-label">Número de Aplicación</label>

                        <div class="dgtic-form-item large">
                            <ul class="dgtic-form-list">
                                <li><input type="checkbox" id="check_num_aplicacion_egreso" name="num_aplicacion_egreso"
                                           onclick="validarNumAplicacionEgreso()"
                                           value="2"> <label>Examen Medico</label></li>
                            </ul>
                        </div>
                    </div>
                    <div class="dgtic-form-row">
                        <label class="dgtic-form-label">Nivel</label>

                        <div class="dgtic-form-item large">
                            <select name="reqSelect" id="select_nivel_dialog_egreso" disabled></select>

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


            </div>

        </form>
    </div>

    <div id="dialog_egreso_form" class="form-container">

        <div id="info_egreso">
            <div class="dgtic-message info"><label id="txt_info_egreso">Se registara un egreso</label></div>

        </div>

        <form id="formulario_egreso" class="dgtic-form" onsubmit='return false;'> {% csrf_token %}
            <div id="dgtic-validate-error" class="dgtic-message error" style="display:none;"></div>
            <div class="dgtic-form-inline">
                <div class="dgtic-form-row">
                    <label class="dgtic-form-label">Fecha</label>

                    <div class="dgtic-form-item large">
                        <input type="text" name="fecha_egreso" id="fecha_egreso">
                    </div>
                </div>


                <div>

                    <div>

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

        </form>
    </div>

    <div id="dialog_deteccion_form" class="form-container">
        <div id="info_deteccion">
            <div class="dgtic-message info">
                <label id="txt_info_deteccion"></label>
            </div>
            <div class="dgtic-message info">
                <label id="txt_total_deteccion"></label>
            </div>
            <div class="dgtic-message warning">
                <label id="txt_warning_deteccion"></label>
            </div>
            <p id="msj_deteccion"></p>
        </div>

        <form id="formulariodeteccion" class="dgtic-form" onsubmit='return false;'> {% csrf_token %}
            <div id="dgtic-validate-error" class="dgtic-message error" style="display:none;"></div>
            <div class="dgtic-form-inline">
                <div class="dgtic-form-row">
                    <label class="dgtic-form-label">Fecha de Atención</label>

                    <div class="dgtic-form-item large">
                        <input type="text" name="fecha_atencion" id="fecha_atencion">
                    </div>
                </div>

                <div class="dgtic-form-row">
                    <label class="dgtic-form-label">Morbolidad (CIE-10)</label>

                    <div class="dgtic-form-item large">
                        <select class="select2-select" name="cie_10" id="select_cie10_dialog"></select>
                    </div>
                </div>
                <div class="dgtic-form-row">
                    <label class="dgtic-form-label">TX Farm</label>

                    <div class="dgtic-form-item large">
                        <select name="tx_farm" id="select_txfarm_dialog"></select>

                    </div>
                </div>
                <div class="dgtic-form-row">
                    <label class="dgtic-form-label">Tipo de Riesgo</label>

                    <div class="dgtic-form-item large">
                        <select name="tipo_riesgo" id="select_tiporiesgo_dialog">
                            <option></option>
                            <option value="E">E - Evidente</option>
                            <option value="L">L - Latente</option>
                        </select>
                    </div>
                </div>
                <div class="dgtic-form-row">
                    <label class="dgtic-form-label">Número de Aplicación</label>

                    <div class="dgtic-form-item large">


                        <ul class="dgtic-form-list">
                            <li><input id="check_num_aplicacion_deteccion" type="checkbox"
                                       onclick="validarNumAplicacionDeteccion()" name="num_aplicacion_deteccion"
                                       value="1"> <label>Examen
                                Medico</label></li>

                        </ul>
                    </div>
                </div>
                <div class="dgtic-form-row">
                    <label class="dgtic-form-label">Nivel</label>

                    <div class="dgtic-form-item large">
                        <select name="reqSelect" id="select_nivel_dialog_deteccion" disabled></select>

                    </div>
                </div>

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

    <div id="dgtic-ex-dialog-confirm" style="display:none;">
        <p>No existe el paciente, ¿Desea registrarlo?</p>
    </div>





    <div id="dialog_rfc_coinsidencia" style="display:none;">
        <p>Existe mas de un paciente con el mismo RFC, ¿Desea verlos?</p>
    </div>

    <div id="dialog_seleccion_pacientes" style="display:none;">
        <div id="content_tabla_pacientes">

        </div>
    </div>


    <div id="dgtic-ex-dialog-div" style="display:none;">

        <div class="row-fluid">
            <div class="dgtic-panel">
                <h4 id="infoPacienteEncontrado"> aki va la info del paciente</h4>

            </div>
        </div>
        <div id="dialog">

        </div>
    </div>



    <div id="confirmacion_paciente_encontrado" style="display:none;">

    </div>


    <input type="text" id="value_id_deteccion_hidden" style="display:none;">
    <input type="text" id="value_fecha_subsecuente_hidden" style="display:none;">
    <input type="text" id="value_id_deteccion_saved_hidden" style="display:none;">
    <input type="text" id="value_fecha_deteccion_hidden" style="display:none;">


    <input id="value_rfc_hidden" type="text" style="display:none;">
    <input id="value_id_paciente_hidden" type="text" style="display:none;">

{% endblock %}


{% block jqueryui %}
    <link rel="stylesheet" href="{% static "plugins/select2/select2.css" %}" media="screen">
    <script type="text/javascript" src="{% static "assets/jui/js/jquery-ui-1.9.2.js" %}"></script>
    <link rel="stylesheet" type="text/css" href="{% static "assets/jui/css/jquery.ui.all.css" %}">
    <script type="text/javascript" src="{% static "assets/jui/jquery.ui.timepicker.min.js" %}"></script>
    <script type="text/javascript" src="{% static "assets/jui/js/globalize/globalize.js" %}"></script>

{% endblock %}

{% block extrajs %}
    <script src="{% static "plugins/select2/select2.min.js" %}"></script>

    <script src="{% static "assets/jui/jquery.ui.touch-punch.min.js" %}"></script>
    <script src="{% static "assets/js/libs/jquery.form.min.js" %}"></script>
    <script src="{% static "assets/js/plugins/wizard/dandelion.wizard.min.js" %}"></script>
    <link rel="stylesheet" href="{% static "assets/js/plugins/wizard/dandelion.wizard.css" %}" media="screen">
    <script src="{% static "plugins/validate/jquery.validate.min.js" %}"></script>

    <script>
    (function ($) {
        $(document).ready(function () {
            $.validator.addMethod("rfc", function (value, element) {
                return this.optional(element) || /^[A-Z]{4}([0-9]{2})(1[0-2]|0[1-9])([0-3][0-9])$/i.test(value);
            }, "Ingrese un RFC valido. Sin la homoclave");

            var v_validate = $("#formulario").validate({rules: {
                rfc: {required: true, minlength: 10, rfc: true },
                nombre: { required: true, minlength: 2 },
                apellido_p: { required: true },
                apellido_m: { required: true },
                sexo: { required: true},
                edad: { required: true},
                derechohabiente: {required: true}
            },
                messages: {

                    nombre: "Debe ser al menos 2 caracteres",
                    sexo: "Seleccione uno"

                }
            });


            $("#formulario").wizard({
                onLeaveStep: function (currentStep) {
                    return v_validate.form();
                }

            });

            $('#formulario').on('change', function (e, data) {
{#                console.log('change');#}
                $("button[name='dnd-wizard']").hide();
            });

            $("#formulario").validate({
                onsubmit: false,
                rules: {
                    municipio: {},

                    rfc: {required: true, maxlength: 10},
                    nombre: { required: true, minlength: 2 },
                    apellido_p: { required: true },
                    apellido_m: { required: true },
                    sexo: { required: true},
                    edad: { required: true},
                    derechohabiente: {required: true}
                },
                messages: {
                    rfc: "El RFC no es valido",
                    nombre: "Debe ser al menos 2 caracteres",
                    sexo: "Seleccione uno"

                }
            });


            if ($.fn.select2) {
                $('#select_cie10_dialog').select2({
                    minimumInputLength: 2,
                    width: "200px"
                });


            }
{#            $('.dgtic-spinner').spinner();#}

            $("button[name='dnd-wizard']").css({
                'display': 'none'
            }).prop('disabled', true);


            //$("#fecha_input").datepicker();
            //$("#fecha_subsecuente_input_popup").datepicker();
        });
    })(jQuery);


    $("#formulariopaciente").validate({
        rules: {
            rfc: {required: true, minlength: 9},
            nombre: { required: true, minlength: 2 },
            apellido_p: { required: true },
            apellido_m: { required: true },
            sexo: { required: true},
            edad: { required: true},
            derechohabiente: {required: true}
        },
        messages: {
            rfc: "El RFC no es valido",
            nombre: "Debe ser al menos 2 caracteres",
            sexo: "Seleccione uno"

        },
        submitHandler: function (form) {
            var rfc = $('#rfc_input_popup').val();
            var nombre = $('#nombre_input_popup').val();
            var ap_paterno = $('#ap_paterno_input_popup').val();
            var ap_materno = $('#ap_materno_input_popup').val();
            var sexo = $('#sexo_select_popup').val();
            var edad = $('#edad_input_popup').val();
            var id_derechohabiente = $('#derechohabiente_select_popup').val();
            var id_municipio = $('#municipio_select_popup').val();
            var id_estado = $('#estado_select_popup').val();

            $.ajax({
                type: "POST",
                url: "/addpaciente/",
                data: {'rfc': rfc, 'nombre': nombre, 'ap_paterno': ap_paterno, 'ap_materno': ap_materno, 'sexo': sexo, 'edad': edad, 'id_derechohabiente': id_derechohabiente, 'id_municipio': id_municipio, 'id_estado': id_estado},//$("#formulariopaciente").serialize(), // serializes the form's elements.
                success: function (response) {

                    if (response.estatus == "True") {

                        document.getElementById("formulariopaciente").reset();
                        $('#dgtic-ex-dialog-nuevopaciente').dialog("option", {modal: true}).dialog("close");
                        consultarPaciente_rfc();
                    }


                }
            });
        }
    });

    $("#formulariodeteccion").validate({
        rules: {
            fecha_atencion: {required: true, minlength: 10},
            cie_10: { required: true},
            tx_farm: { required: true },
            tipo_riesgo: { required: true },

            nivel: { required: true}
        },
        messages: {
            fecha_atencion: "seleccione una fecha de atención",
            cie_10: "Ingrese la clave CIE",
            tx_farm: "Seleccione uno por favor",
            tipo_riesgo: "Seleccione uno por favor",

            nivel: "Seleccione el nivel"

        },
        submitHandler: function (form) {
//$('#fecha_subsecuente_input_popup').val()
            var fecha_atencion = $('#fecha_atencion').datepicker().val();

            //$( "#fecha_atencion" ).datepicker( "option", "dateFormat", );
            //$("#fecha_subsecuente_input_popup").val();
            var checkboxValues = new Array();
            /*$('input[name="num_aplicacion_deteccion"]:checked').each(function () {
             //$(this).val() es el valor del checkbox correspondiente
             checkboxValues.push($(this).val());
             });*/
            var cie10 = $('#select_cie10_dialog').val();
            var tx_farm = $('#select_txfarm_dialog').val();
            var tiporiesgo = $('#select_tiporiesgo_dialog').val();
            //var num_aplicacion = checkboxValues[0]
            var num_aplicacion;
            if (document.getElementById('check_num_aplicacion_deteccion').checked) {
                num_aplicacion = $('#check_num_aplicacion_deteccion').val()
            }
            var nivel = $('#select_nivel_dialog_deteccion').val();
            var id_municipio = $('#selectMunicipio').val();
            var id_estado = $('#selectEstado').val();
            var id_paciente = $('#value_id_paciente_hidden').val();
            var id_servicio = $('#select_servicio').val();
            var id_responsable = $('#select_responsable').val();
            var id_unidad = $('#select_unidad').val();
            var id_estatus = "1";


            $.ajax({
                type: "POST",
                url: "/add_deteccion/",
                data: {'fecha_atencion': fecha_atencion, 'id_estatus': id_estatus, 'id_unidad': id_unidad, 'id_responsable': id_responsable, 'id_servicio': id_servicio, 'cie_10': cie10, 'tx_farm': tx_farm, 'id_paciente': id_paciente, 'tiporiesgo': tiporiesgo, 'num_aplicacion': num_aplicacion, 'nivel': nivel, 'id_municipio': id_municipio, 'id_estado': id_estado},//$("#formulariopaciente").serialize(), // serializes the form's elements.

                success: function (response) {

                    if (response.estatus == "True") {

                        document.getElementById("formulariodeteccion").reset();
                        $('#dialog_deteccion_form').dialog("option", {modal: true}).dialog("close");
                        document.getElementById("input_rfc").value = "";
                        document.getElementById("input_nombre").value = "";
                        document.getElementById("input_ap_paterno").value = "";
                        document.getElementById("input_ap_materno").value = "";
                        document.getElementById("select_sexo_paciente").value = 0;
                        document.getElementById("select_derechohabiente").value = 0;

                        document.getElementById("value_id_deteccion_saved_hidden").value = response.id_deteccion;
{#                        $("#msj_formulario").html("<div class='dgtic-message success'>" + "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button>" + response.msj + "</div>")#}
                        location.reload();
                        $("#select_mes").val("");
                        $("#select_anio").val("");
                        $("#selectMunicipio").val("");
                        $("#msj_formulario").append(
                                $('<div>').addClass('dgtic-message success').append(
                                        $('<label>').html(response.msj)
                                ).click(function(){
                                            $(this).hide();
                                        })
                        );
                        //alert(response.msj);


                    }


                }
            });
        }
    });

    $("#dialog_subsecuente_form").dialog({
        autoOpen: false,
        title: "Agregar nueva subsecuente",
        modal: true,
        width: "640",
        buttons: [
            {
                text: "Enviar",
                click: function () {

                    $(this).find('form#formulario_subsecuente').submit();
                }
            }
        ]
    }).find('#fecha_subsecuente').datepicker({
        dateFormat: 'dd-mm-yy',
        maxDate: "1M", showOtherMonths: false,
        changeMonth: false,
        changeYear: false, stepMonths: 0

    });


    function obtenerFecha() {

        dia = 01;
        mes = document.getElementById("select_mes").value;
        annio = document.getElementById("select_anio").value;

{#        fecha_texto = dia + "-" + mes + "-" + annio;#}
{##}
{#        ms = Date.parse(fecha_texto);#}
{#        fecha = new Date(ms);#}
        fecha = new Date(annio, mes - 1, dia);

        document.getElementById("fecha_atencion").value = $.datepicker.formatDate("dd-mm-yy", fecha);
        document.getElementById("fecha_egreso").value = $.datepicker.formatDate("dd-mm-yy", fecha);
        document.getElementById("fecha_subsecuente").value = $.datepicker.formatDate("dd-mm-yy", fecha);

    }

    function ComprobarsectionEgreso() {
        var segimiento = $('#select_segimiento_dialog').val();
        if (segimiento == 2) {
            $('#section_EgresoForm').css('display', 'block');
        } else {
            $('#section_EgresoForm').css('display', 'none');
        }
    }

    $("#formulario_subsecuente").validate({
        rules: {
            fecha_subsecuente: {required: true, minlength: 10},
            segimiento: {required: true}

        },
        messages: {
            fecha_subsecuente: "seleccione una fecha por favor",
            segimiento: "Seleccione el seguimiento por favor"


        },
        onkeyup: false,
        submitHandler: function (form) {
            var fecha_subsecuente = $('#fecha_subsecuente').datepicker().val();
            var fecha_subsecuente_hidden=$('#value_fecha_subsecuente_hidden').val();
            var id_deteccion = $('#value_id_deteccion_hidden').val();
            var fecha_deteccion_hidden = $('#value_fecha_deteccion_hidden').val();
            var id_seguimiento = $('#select_segimiento_dialog').val();
            //alert(fecha_deteccion_hidden);

            if (id_seguimiento == 1) {
                $.ajax({
                    type: "POST",
                    url: "/add_subsecuente/",
                    data: {'fecha_subsecuente': fecha_subsecuente, 'id_deteccion': id_deteccion, 'id_seguimiento': id_seguimiento,'fecha_subsecuente_hidden':fecha_subsecuente_hidden,'fecha_deteccion_hidden':fecha_deteccion_hidden},
                    success: function (response) {
{#                        console.log(response);#}

                        if (response.estatus == "True") {

                            document.getElementById("formulario_subsecuente").reset();
                            $('#dialog_subsecuente_form').dialog("option", {modal: true}).dialog("close");

                            document.getElementById("input_rfc").value = "";
                            document.getElementById("input_nombre").value = "";
                            document.getElementById("input_ap_paterno").value = "";
                            document.getElementById("input_ap_materno").value = "";
                            document.getElementById("select_sexo_paciente").value = 0;
                            document.getElementById("select_derechohabiente").value = 0;

                               location.reload();
                               $("#select_mes").val("");
                               $("#select_anio").val("");
                               $("#selectMunicipio").val("");
{#                            $("#msj_formulario").append(#}
{#                                            "<div class='dgtic-message success'>" + "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button>" + response.msj + "</div>");#}
                            $("#msj_formulario").append(
                                $('<div>').addClass('dgtic-message success').append(
                                        $('<label>').html(response.msj)
                                ).click(function(){
                                            $(this).hide();
                                        })
                        );
                            //$("#msj_formulario").append("<div class='dgtic-message success'><p>"+response.msj+"</p></div>")

                            //alert(response.msj);
                        }


                    }, error: function () {

                        alert("Error no se guardaron los datos")
                        location.reload();
                         $("#select_mes").val("");
                         $("#select_anio").val("");
                         $("#selectMunicipio").val("");
                         $("#input_rfc").val("");
                         $("#input_nombre").val("");
                         $("#input_ap_paterno").val("");
                         $("#input_ap_materno").val("");


                    }
                });
            } else if (id_seguimiento == 2) {
                $.ajax({
                    type: "POST",
                    url: "/add_subsecuente/",
                    data: {'fecha_subsecuente': fecha_subsecuente, 'id_deteccion': id_deteccion, 'id_seguimiento': id_seguimiento},
                    success: function (response) {
{#                        console.log(response);#}

                        if (response.estatus == "True") {

                            document.getElementById("formulario_subsecuente").reset();
                            $('#dialog_subsecuente_form').dialog("option", {modal: true}).dialog("close");

                            document.getElementById("input_rfc").value = ""
                            document.getElementById("input_nombre").value = "";
                            document.getElementById("input_ap_paterno").value = "";
                            document.getElementById("input_ap_materno").value = "";
                            document.getElementById("select_sexo_paciente").value = 0;
                            document.getElementById("select_derechohabiente").value = 0;
                            c
                               $("#select_mes").val("");
                               $("#select_anio").val("");
                               $("#selectMunicipio").val("");

{#                            $("#msj_formulario").append(#}
{#                                            "<div class='dgtic-message success'>" + "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button>" + response.msj + "</div>")#}
                            $("#msj_formulario").append(
                                $('<div>').addClass('dgtic-message success').append(
                                        $('<label>').html(response.msj)
                                ).click(function(){
                                            $(this).hide();
                                        })
                            );
                            //$("#msj_formulario").append("<div class='dgtic-message success'><p>"+response.msj+"</p></div>")

                            //alert(response.msj);
                        }


                    }, error: function () {
                        alert("Error en el servidor, no se guardo subsecuente")
                    }
                });

                var id_deteccion = $('#value_id_deteccion_hidden').val();
                var id_seguimiento = $('#select_segimiento_dialog').val();
                var nivel = $('#select_nivel_dialog_egreso').val();
                var tipo_egreso = $('#select_tipoegreso_dialog_egreso').val();

                var referenciaValue = $('#referencia').val();
{#                console.log(referencia)#}
                var num_aplicacion;
                if (document.getElementById('check_num_aplicacion_egreso').checked) {
                    num_aplicacion = $('#check_num_aplicacion_egreso').val()
                }


                $.ajax({
                    type: "POST",
                    url: "/add_egreso/",
                    data: {'fecha_egreso': fecha_subsecuente, 'id_deteccion': id_deteccion, 'id_seguimiento': id_seguimiento, 'num_aplicacion': num_aplicacion, 'nivel': nivel, 'referencia':referenciaValue, 'tipo_egreso': tipo_egreso},
                    success: function (response) {
{#                        console.log(response)#}

                        if (response.estatus == "True") {

                            document.getElementById("formulario_subsecuente").reset();
                            $('#dialog_subsecuente_form').dialog("option", {modal: true}).dialog("close");
                            $('#dialog_egreso_form').dialog("option", {modal: true}).dialog("close");
                            document.getElementById("input_rfc").value = ""
                            document.getElementById("input_nombre").value = "";
                            document.getElementById("input_ap_paterno").value = "";
                            document.getElementById("input_ap_materno").value = "";
                            document.getElementById("select_sexo_paciente").value = 0;
                            document.getElementById("select_derechohabiente").value = 0;
                            location.reload();
                               $("#select_mes").val("");
                               $("#select_anio").val("");
                               $("#selectMunicipio").val("");
{#                            $("#msj_formulario").append(#}
{#                                            "<div class='dgtic-message success'>" + "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button>" + response.msj + "</div>")#}
                            $("#msj_formulario").append(
                                $('<div>').addClass('dgtic-message success').append(
                                        $('<label>').html(response.msj)
                                ).click(function(){
                                            $(this).hide();
                                        })
                            );
                            //$("#msj_formulario").append("<div class='dgtic-message success'><p>"+response.msj+"</p></div>")

                            //alert(response.msj);
                        }


                    }, error: function () {
                        alert("Error servidor, no se guardo egreso")
                    }
                });

            }


        }
    });


    $("#dialog_egreso_form").dialog({
        autoOpen: false,
        title: "Registrar Egreso",
        modal: true,
        width: "640",
        buttons: [
            {
                text: "Enviar",
                click: function () {

                    $(this).find('form#formulario_egreso').submit();
                }
            }
        ]
    }).find('#fecha_egreso').datepicker({
        dateFormat: 'dd-mm-yy',
        maxDate: "1M", showOtherMonths: false,
        changeMonth: false,
        changeYear: false, stepMonths: 0
    });

    $("#formulario_egreso").validate({
        rules: {
            fecha_egreso: {required: true, minlength: 10},
            segimiento: {required: true}

        },
        messages: {
            fecha_egreso: "seleccione una fecha por favor",
            segimiento: "Seleccione el seguimiento por favor"


        },
        submitHandler: function (form) {
            var fecha_egreso = $('#fecha_egreso').datepicker().val();
            var id_deteccion = $('#value_id_deteccion_hidden').val();
            var id_seguimiento = $('#select_segimiento_dialog').val();
            var nivel = $('#select_nivel_dialog_egreso').val();
            var tipo_egreso = $('#select_tipoegreso_dialog_egreso').val();

            var num_aplicacion
            if (document.getElementById('check_num_aplicacion_egreso').checked) {
                num_aplicacion = $('#check_num_aplicacion_egreso').val()
            }


            $.ajax({
                type: "POST",
                url: "/add_egreso/",
                data: {'fecha_egreso': fecha_egreso, 'id_deteccion': id_deteccion, 'id_seguimiento': id_seguimiento, 'num_aplicacion': num_aplicacion, 'nivel': nivel, 'tipo_egreso': tipo_egreso},
                success: function (response) {
{#                    console.log(response)#}

                    if (response.estatus == "True") {

                        document.getElementById("formulario_subsecuente").reset();
                        $('#dialog_subsecuente_form').dialog("option", {modal: true}).dialog("close");
                        $('#dialog_egreso_form').dialog("option", {modal: true}).dialog("close");
                        document.getElementById("input_rfc").value = ""
                        document.getElementById("input_nombre").value = "";
                        document.getElementById("input_ap_paterno").value = "";
                        document.getElementById("input_ap_materno").value = "";
                        document.getElementById("select_sexo_paciente").value = 0;
                        document.getElementById("select_derechohabiente").value = 0;
                        location.reload();
                               $("#select_mes").val("");
                               $("#select_anio").val("");
                               $("#selectMunicipio").val("");
{#                        $("#msj_formulario").append(#}
{#                                        "<div class='dgtic-message success'>" + "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button>" + response.msj + "</div>")#}
                        $("#msj_formulario").append(
                                $('<div>').addClass('dgtic-message success').append(
                                        $('<label>').html(response.msj)
                                ).click(function(){
                                            $(this).hide();
                                        })
                            );
                        //$("#msj_formulario").append("<div class='dgtic-message success'><p>"+response.msj+"</p></div>")

                        //alert(response.msj);
                    }


                }, error: function () {
                    alert("Error servidor")
                }
            });
        }
    });

    $("#dialog_deteccion_form").dialog({
        autoOpen: false,
        title: "Agregar nueva deteccion",
        modal: true,
        width: "640",
        buttons: [
            {
                text: "Enviar",
                click: function () {
                    $(this).find('form#formulariodeteccion').submit(

                    );
                }
            }
        ]
    }).find('#fecha_atencion').datepicker({
        dateFormat: 'dd-mm-yy',
        maxDate: "1M", showOtherMonths: false,
        changeMonth: false,
        changeYear: false, stepMonths: 0
    }).end()
            .find('#select_cie10_dialog').select2({
                minimumInputLength: 2,
                width: "200px"
            }
    );

    $("#dgtic-ex-dialog-nuevopaciente").dialog({
        autoOpen: false,
        title: "Agregar nuevo paciente",
        modal: true,
        width: "640",
        open: function(){
            var rfc = $('#rfc_input_popup').val();
            tmp_anno = parseInt(rfc.substring(4,6));
            anno = tmp_anno < 25 ? tmp_anno + 2000 : tmp_anno + 1900;
            fecha_nacimiento = new Date(anno, rfc.substring(6,8) - 1, rfc.substring(8,10));
            hoy = new Date();
            edad = hoy.getFullYear() - fecha_nacimiento.getFullYear();
            if (fecha_nacimiento.getMonth() > hoy.getMonth()){
                edad--;
            }
            if ((fecha_nacimiento.getMonth() === hoy.getMonth()) && (fecha_nacimiento.getDate() > hoy.getDate())) {
                edad--;
            }
            $('#edad_input_popup').val(edad).prop('disabled', true);

        },
        buttons: [
            {
                text: "Cancelar",
                click: function () {
                    $(this).dialog("option", {modal: true}).dialog("close");
                    //event.preventDefault();
                }
            },
            {
                text: "Enviar",
                click: function () {
                    $(this).find('form#formulariopaciente').submit();
                }
            }
        ]

    });
    $("#dgtic-ex-dialog-confirm").dialog({
        autoOpen: false,
        resizable: false,
        height: 350,
        width: 500,
        modal: true,
        buttons: {
            "Aceptar": function () {
                $(this).dialog("close");
                $("#dgtic-ex-dialog-nuevopaciente").dialog("option", {modal: true}).dialog("open");

            },
            "Cancelar": function () {
                $(this).dialog("close");
            }
        }
    });


    $("#confirmacion_paciente_encontrado").dialog({
        autoOpen: false,
        resizable: false,
        height: 270,
        width: 350,
        modal: true,
        buttons: {
            "Si": function () {

                /*aki va consulta decteccion*/
                var rfc = $("#value_rfc_hidden").val();
                var id_paciente = $("#value_id_paciente_hidden").val();

                /* alert_detecciones_paciente(id_paciente, rfc) */

                consultar_detecciones_paciente(id_paciente, rfc);
                $(this).dialog("close");
            },
            "No": function () {
                $("#dgtic-ex-dialog-nuevopaciente").dialog("option", {modal: true}).dialog("open");
                $(this).dialog("close");
            }
        }
    });

    function solicitarEgreso() {
        $("#dialog_subsecuente_form").dialog("close");
        $("#dialog_egreso_form").dialog("option", {modal: true}).dialog("open");

    }


    $("#dialog_seleccion_pacientes").dialog({
        title: "Seleccionar paciente",
        resizable: false,
        autoOpen: false,
        height: 610,
        width: 620,
        modal: true,
        buttons: {
            "Aceptar": function () {

                var checkboxValues = new Array();
                //recorremos todos los checkbox seleccionados con .each
                $('input[name="valueCheck"]:checked').each(function () {
                    //$(this).val() es el valor del checkbox correspondiente
                    checkboxValues.push($(this).val());
                });
                var id_paciente = checkboxValues[0]
                confirmacion_paciente(id_paciente)

                $(this).dialog("close");
            }
        }
    });

    /* aqui falta
     function alert_detecciones_paciente(id_paciente, rfc){
     var url = "/detecciones/paciente/"+id_paciente
     $("#dgtic-ex-dialog-div").dialog("option", {modal: true}).dialog("open");
     $("#dialog").load(url);


     var encabezado = "Se encontro el paciente con nombre: "
     var nombre
     var ap_paterno
     var ap_materno
     var sexo
     var rfc
     var id_derechohabiente
     var id_paciente
     var html
     for(var i= 0; i<data.length; i++){
     id_paciente = data[i].pk
     nombre = data[i].fields.nombre+" "
     ap_paterno = data[i].fields.ap_paterno+" "
     ap_materno = data[i].fields.ap_materno+" "
     sexo = data[i].fields.sexo
     rfc = data[i].fields.rfc
     id_derechohabiente = data[i].fields.id_derechohabiente
     }
     html = encabezado + nombre + ap_paterno + ap_materno
     $('#infoPacienteEncontrado').html(html);

     }*/
    function consultar_detecciones_paciente(id_paciente, rfc) {

        var value_estado = $('#selectEstado').val();
        var value_municipio = $('#selectMunicipio').val();
        var value_unidad = $('#select_unidad').val();
        var value_servicio = $('#select_servicio').val();
        var value_responsable = $('#select_responsable').val();


        $.ajax({
                    data: {'id_paciente': id_paciente, 'value_estado': value_estado, 'value_municipio': value_municipio, 'value_unidad': value_unidad, 'value_servicio': value_servicio, 'value_responsable': value_responsable},
                    url: '/busqueda_ajax/deteccion_paciente/',
                    type: 'get',
                    success: function (data) {
{#                        console.log(data)#}


                        if (data.estatus == "True") {


                            if (data.subsecuente == "True") {
                                document.getElementById("txt_info_subcecuente").innerHTML = data.msj
                                document.getElementById("txt_warning_subcecuente").innerHTML = data.advertencia


                                document.getElementById("value_id_deteccion_hidden").value = data.id_deteccion
                                //document.getElementById("value_fecha_deteccion_hidden").value = data.fecha_atencion

                                consultar_subsecuente_detecciones();
                                consultar_fecha_detecciones()
                                $("#dialog_subsecuente_form").dialog("option", {modal: true}).dialog("open");
                                //$("#info_subcecuente").dialog("option", {modal: true}).dialog("open");



                            }
                            else if (data.deteccion == "True") {
                                document.getElementById("txt_info_deteccion").innerHTML = data.msj
                                document.getElementById("txt_total_deteccion").innerHTML = data.historial

                                document.getElementById("txt_warning_deteccion").innerHTML = data.advertencia

                                $("#dialog_deteccion_form").dialog("option", {modal: true}).dialog("open");
                            }

                        } else {
                            document.getElementById("txt_info_deteccion").innerHTML = data.msj
                            document.getElementById("txt_total_deteccion").innerHTML = data.historial
                            document.getElementById("txt_warning_deteccion").innerHTML = data.advertencia

                            $("#dialog_deteccion_form").dialog("option", {modal: true}).dialog("open");

                            //$("#info_deteccion").dialog("option", {modal: true}).dialog("open");


                        }

                    }
                }
        );

    }

    function confirmacion_paciente(id_paciente) {
        var rfc
        $.ajax({
            data: {'id_paciente': id_paciente},
            url: '/busqueda_ajax/paciente/id/',
            type: 'get',
            success: function (data) {


                var text = '<p>El RFC: <b>' + data[0].fields.rfc + '</b> corresponde al paciente: <b>' + data[0].fields.nombre + ' ' + data[0].fields.ap_paterno + ' ' + data[0].fields.ap_materno + '.</b><br> ¿Es correcto?'

                $("#confirmacion_paciente_encontrado").html(text)

                document.getElementById("value_id_paciente_hidden").value = data[0].pk;
                document.getElementById("value_rfc_hidden").value = data[0].fields.rfc;

                document.getElementById("input_nombre").value = data[0].fields.nombre;
                document.getElementById("input_nombre").disabled = true;

                document.getElementById("input_ap_paterno").value = data[0].fields.ap_materno;
                document.getElementById("input_ap_paterno").disabled = true;
                document.getElementById("input_ap_materno").value = data[0].fields.ap_paterno;
                document.getElementById("input_ap_materno").disabled = true;
                document.getElementById("select_sexo_paciente").value = data[0].fields.sexo;
                document.getElementById("select_sexo_paciente").disabled = true;
                document.getElementById("select_derechohabiente").value = data[0].fields.id_derechohabiente;
                document.getElementById("select_derechohabiente").disabled = true;
            }
        });

        $("#confirmacion_paciente_encontrado").dialog("option", {modal: true}).dialog("open");


    }

    $("#dgtic-ex-dialog-div").dialog({
        title: "Detecciones del paciente",
        resizable: true,
        autoOpen: false,
        height: 610,
        width: 740,
        modal: true,
        buttons: {
            "Aceptar": function () {
                $(this).dialog("close");
            }
        }
    });

    function select_paciente_coincidencia(rfc) {
        var url = "/pacientes/rfc/";
        $("#dialog_seleccion_pacientes").dialog("option", {modal: true}).dialog("open");
        $("#content_tabla_pacientes").load(url);
    }


    $('#select_mes').on('change', consultarEstado_paciente());
    function consultarEstado_paciente() {

        $.ajax({

            url: '/busqueda_ajax/estado/',
            type: 'get',
            success: function (data) {
{#                console.log(data);#}
                var html = "";
                var options = "";
                var encabezado = "<option>Seleccione...</option>";

                for (var i = 0; i < data.length; i++) {
                    options += '<option value="' + data[i].pk + '">' + data[i].fields.nombre + '</option>'

                }
                html = encabezado + options;
                $('#estado_select_popup').html(html);
            }
        });
    }


    $('#estado_select_popup').on('change', consultarMunicipio_paciente);
    function consultarMunicipio_paciente() {
        var id = $(this).val();
{#        console.log(id)#}
        $.ajax({
            data: {'id': id},
            url: '/busqueda_ajax/municipio/',
            type: 'get',
            success: function (data) {
{#                console.log(data);#}
                var html = "";
                var options = "";
                var encabezado = "<option>Seleccione...</option>";

                for (var i = 0; i < data.length; i++) {
                    options += '<option value="' + data[i].pk + '">' + data[i].fields.nombre + '</option>'

                }
                html = encabezado + options;
                $('#municipio_select_popup').html(html);
            }
        });
    }

    $('#selectMunicipio').on('change', consultarUnidadMedica);
    function consultarUnidadMedica() {
        var id = $(this).val();
{#        console.log(id)#}
        $.ajax({
            data: {'id': id},
            url: '/busqueda_ajax/unidad_medica/',
            type: 'get',
            success: function (data) {
{#                console.log(data);#}
                var html = "";
                var options = "";
                var encabezado = "<option>Seleccione...</option>";

                if (data.length > 0) {
                    for (var i = 0; i < data.length; i++) {
                        options += '<option value="' + data[i].pk + '">' + data[i].fields.nombre + '</option>'
                        html = encabezado + options
                    }
                    $('#select_unidad').html(html);
                    $('#select_unidad').prop('disabled', false);

                } else {
                    $('#select_unidad').html("<option>No se encontraron Unidades Medicas</option>");
                    $('#select_unidad').prop('disabled', 'disabled');
                }
                $('#select_servicio').html("");
                $('#select_servicio').prop('disabled', 'disabled');
                $('#select_responsable').html("");
                $('#select_responsable').prop('disabled', 'disabled');
                //$('#select_anio').prop('disabled', 'disabled');
                $('#select_mes').prop('disabled', 'disabled');

            }
        });
    }
    /*$('#select_mes').on('click', anioValidacion());
    function anioValidacion() {
        var today = new Date();
        var anio_actual = new Date().getFullYear();
        var anio_siguiente = new Date().getFullYear() + 1;
        var anio_anterior = new Date().getFullYear() - 1;
        var options = "<option></option>";

        if (today.getMonth() <= 3) {
            options += "<option value='" + anio_anterior + "'>" + anio_anterior + "</option>";
            options += "<option value='" + anio_actual + "'>" + anio_actual + "</option>";
            $('#select_anio').html(options)
        }
        else if (today.getMonth() >= 10) {
            options += "<option value='" + anio_actual + "'>" + anio_actual + "</option>";
            options += "<option value='" + anio_siguiente + "'>" + anio_siguiente + "</option>";
            $('#select_anio').html(options)
        }
        else {

            options += "<option value='" + anio_actual + "'>" + anio_actual + "</option>";
            $('#select_anio').html(options)

        }
        $('#select_anio').prop('disabled', false);

    }*/
    /*$('#select_unidad').on('change', mes_validate);
    function mes_validate() {

        var month = new Array();

        month[-4] = "Septiembre";
        month[-3] = "Octubre";
        month[-2] = "Noviembre";
        month[-1] = "Diciembre";
        month[0] = "Enero";
        month[1] = "Febrero";
        month[2] = "Marzo";
        month[3] = "Abril";
        month[4] = "Mayo";
        month[5] = "Junio";
        month[6] = "Julio";
        month[7] = "Agosto";
        month[8] = "Septiembre";
        month[9] = "Octubre";
        month[10] = "Noviembre";
        month[11] = "Diciembre";

        var d = new Date();
        var resta = d.getMonth() - 3;
        var mes_actual = d.getMonth();


        var options = "<option></option>";
        for (var i = resta; i <= mes_actual; i++) {

            if (value == 0) {

                value = 12


            }

            if (value == -1) {

                value = 11


            }

            if (value == -2) {

                value = 10


            }

            if (value == -3) {

                value = 9


            }
            var value = i + 1;
            options += "<option value='" + value + "'>" + month[i] + "</option>"


        }


        $('#select_mes').html(options)

    }*/


    $('#select_unidad').on('change', consultarServicios);
    function consultarServicios() {
        $.ajax({
            data: '',
            url: '/busqueda_ajax/servicios/',
            type: 'get',
            success: function (data) {
{#                console.log(data)#}
                var html = "";
                var options = "";
                var encabezado = "<option>Seleccione...</option>";

                if (data.length > 0) {
                    for (var i = 0; i < data.length; i++) {
                        options += '<option value="' + data[i].pk + '">' + data[i].fields.descripcion + '</option>'
                    }
                    html = encabezado + options;
                    $('#select_servicio').html(html);
                    $('#select_servicio').prop('disabled', false);
                } else {
                    $('#select_servicio').html("<option>No existen servicios</option>");
                    $('#select_servicio').prop('disabled', 'disabled');
                }


                $('#select_responsable').html("");
                $('#select_responsable').prop('disabled', 'disabled');
                //$('#select_anio').prop('disabled', 'disabled');
                $('#select_mes').prop('disabled', 'disabled');
            }
        });
    }

    $('#select_tipoegreso_dialog_egreso').on('change', validarTipoEgreso);
    function validarTipoEgreso() {
        var tipoegreso = $('#select_tipoegreso_dialog_egreso').val();

        if (tipoegreso == 5) {
            $('#referencia').prop('disabled', false);
        } else {
            $('#referencia').prop('disabled', 'disabled');
        }
    }


    function validarNumAplicacionEgreso() {
        if (document.getElementById('check_num_aplicacion_egreso').checked) {
            $('#select_nivel_dialog_egreso').prop('disabled', false);
            consulta_nivel_egreso()
        } else {
            $('#select_nivel_dialog_egreso').prop('disabled', 'disabled');
            $('#select_nivel_dialog_egreso').html('');
        }


    }

    //$('#check_num_aplicacion_deteccion').on('change', validarNumAplicacionDeteccion());
    function validarNumAplicacionDeteccion() {

        if (document.getElementById('check_num_aplicacion_deteccion').checked) {
            $('#select_nivel_dialog_deteccion').prop('disabled', false);
            consulta_nivel_deteccion();
        } else {
            $('#select_nivel_dialog_deteccion').prop('disabled', 'disabled');
            $('#select_nivel_dialog_deteccion').html('');
        }


    }

    //    $('#select_tipoegreso_dialog_egreso').on('change', consulta_nivel_egreso);
    function consulta_nivel_egreso() {
        var paciente = $('#value_id_paciente_hidden').val();
 $('#select_nivel_dialog_egreso').html("");
        $.ajax({
            data: {'id_paciente': paciente},

            url: '/busqueda_ajax/nivel/',
            type: 'get',
            success: function (data) {
{#                console.log(data)#}
                var html = "";
                var options = "";
                var encabezado = "<option>Seleccione...</option>";

                for (var i = 0; i < data.length; i++) {
                    options += '<option value="' + data[i].pk + '">' + data[i].fields.tipo + ' - ' + data[i].fields.clave + ': ' + data[i].fields.descripcion + '</option>'

                }
                html = encabezado + options;

                $('#select_nivel_dialog_egreso').html(html);

            }
        });

    }

    //$('#select_tiporiesgo_dialog').on('click', consulta_nivel_deteccion());
    function consulta_nivel_deteccion() {
        var paciente = $('#value_id_paciente_hidden').val();

$('#select_nivel_dialog_deteccion').html("");
        $.ajax({
            data: {'id_paciente': paciente},
            url: '/busqueda_ajax/nivel/',
            type: 'get',
            success: function (data) {
{#                console.log(data);#}
                var html = "";
                var options = "";
                var encabezado = "<option>Seleccione...</option>";

                for (var i = 0; i < data.length; i++) {
                    options += '<option value="' + data[i].pk + '">' + data[i].fields.tipo + ' - ' + data[i].fields.clave + ': ' + data[i].fields.descripcion + '</option>'

                }
                html = encabezado + options;
                $('#select_nivel_dialog_deteccion').html(html);
            }
        });

    }

    $('#fecha_subsecuente').on('change', consultarTipoEgreso);
    function consultarTipoEgreso() {
        $.ajax({
            data: '',
            url: '/busqueda_ajax/tipo_egreso/',
            type: 'get',
            success: function (data) {
{#                console.log(data)#}
                var html = "";
                var options = "";
                var encabezado = "<option>Seleccione...</option>";

                if (data.length > 0) {
                    for (var i = 0; i < data.length; i++) {
                        options += '<option value="' + data[i].pk + '">' + data[i].fields.descripcion + '</option>'
                    }
                    html = encabezado + options;
                    $('#select_tipoegreso_dialog_egreso').html(html);
                    $('#select_tipoegreso_dialog_egreso').prop('disabled', false);

                } else {
                    $('#select_tipoegreso_dialog_egreso').html("<option>No existen tipos de egresos registrados</option>");
                    $('#select_tipoegreso_dialog_egreso').prop('disabled', 'disabled');
                }

            }
        });
    }

    $('#select_servicio').on('change', consultarResponsableAtencion);
    function consultarResponsableAtencion() {
        var id_unidad = $('#select_unidad').val();
        var id_municipio = $('#selectMunicipio').val();
        var id_servicio = $('#select_servicio').val();
{#        console.log(id_unidad);#}
{#        console.log(id_municipio);#}
        $.ajax({
            data: {'id_municipio': id_municipio, 'id_unidad': id_unidad, 'id_servicio': id_servicio},
            url: '/busqueda_ajax/responsable_atencion/',
            type: 'get',
            success: function (data) {
                var html = "";
                var options = "";
                var encabezado = "<option>Seleccione...</option>";


                if (data.length > 0) {

                    for (var i = 0; i < data.length; i++) {
                        options += '<option value="' + data[i].pk + '">' + data[i].fields.nombre + ' ' + data[i].fields.ap_paterno + ' ' + data[i].fields.ap_materno + '</option>'
                    }
                    html = encabezado + options;
                    $('#select_responsable').html(html);
                    $('#select_responsable').prop('disabled', false);

                } else {
                    $('#select_responsable').html("<option>No existen responsables registrados</option>");
                    $('#select_responsable').prop('disabled', 'disabled');
                    //$('#select_anio').prop('disabled', 'disabled');
                    $('#select_mes').prop('disabled', 'disabled');

                }
            }
        });
    }

    $('#select_mes').on('click', consultaDerechohabiente);
    function consultaDerechohabiente() {
        //anioValidacion();
        $.ajax({

            url: '/busqueda_ajax/derechohabiente/',
            type: 'get',
            success: function (data) {
{#                console.log(data)#}
                var html = "";
                var options = "";
                var encabezado = "<option>Seleccione...</option>";

                for (var i = 0; i < data.length; i++) {
                    options += '<option value="' + data[i].pk + '">' + data[i].fields.clave + ' - ' + data[i].fields.descripcion + '</option>';

                }
                html = encabezado + options;
                $('#select_derechohabiente').html(html);
                $('#derechohabiente_select_popup').html(html);
            }
        });
    }
    $('#select_responsable').on('click', consulta_mes);
    function consulta_mes() {
        $('#select_mes').prop('disabled', false);
    }

    $('#select_mes').on('click', consultaTx_Farm());
    function consultaTx_Farm() {
        $.ajax({

            url: '/busqueda_ajax/tx_farm/',
            type: 'get',
            success: function (data) {
{#                console.log(data)#}
                var html = "";
                var options = "";
                var encabezado = "<option>Seleccione...</option>";

                for (var i = 0; i < data.length; i++) {
                    options += '<option value="' + data[i].pk + '">' + data[i].fields.clave + ' - ' + data[i].fields.descripcion + '</option>'

                }
                html = encabezado + options;
                $('#select_txfarm_dialog').html(html);

            }
        });
    }
    $('#select_mes').on('click', consultaCie_10());
    function consultaCie_10() {
        $.ajax({

            url: '/busqueda_ajax/cie_10/',
            type: 'get',
            success: function (data) {
{#                console.log(data)#}
                var options = "";

                for (var i = 0; i < data.length; i++) {
                    options += '<option value="' + data[i].pk + '">' + data[i].fields.causa + ' - ' + data[i].fields.nombre + '</option>'
                }
                $('#select_cie10_dialog').html(options);
            }
        });
    }


    var /**
     * @return {number}
     */
    ComprobarEdedPaciente = function() {
        var rfc = $('#input_rfc').val();
        var edad = 18;
        var fecha_actual = new Date();
{#        console.log(fecha_actual)#}

        return edad

    };


    $("#dialog_rfc_coinsidencia").dialog({
        autoOpen: false,
        resizable: false,
        height: 270,
        width: 350,
        modal: true,
        buttons: {
            "Si": function () {
                $(this).dialog("close");

                $("#dialog_seleccion_pacientes").dialog("option", {modal: true}).dialog("open");
                var url = "/pacientes/rfc/?value_rfc=";
                var rfc_value = $('#input_rfc').val();
                var url_completo = url + rfc_value;
{#                console.log(url_completo)#}
                $("#content_tabla_pacientes").load(url_completo);
            },
            "No": function () {
                $(this).dialog("close");
            }
        }
    });
    function consultar_subsecuente_detecciones()
    {
        var deteccion = $('#value_id_deteccion_hidden').val()

        $.ajax({

            data: {'id_deteccion': deteccion},
            url: '/busqueda_ajax/subsecuente/',
            type: 'get',
                success: function (data) {

                document.getElementById("value_fecha_subsecuente_hidden").value = data[0].fields.fecha;

            }

        })
    }
     function consultar_fecha_detecciones()
    {
        var deteccion = $('#value_id_deteccion_hidden').val()

        $.ajax({

            data: {'id_deteccion': deteccion},
            url: '/busqueda_ajax/deteccionfecha/',
            type: 'get',
                success: function (data) {

                document.getElementById("value_fecha_deteccion_hidden").value = data[0].fields.fecha_atencion;

            }

        })
    }
    function consultarPaciente_rfc() {
        obtenerFecha();

        var rfc = $('#input_rfc').val();
        var v_validate = $("#formulario").validate({ onsubmit: false });
        v_validate.form();

{#        console.log(v_validate)#}
{#        console.log(v_validate.currentForm[9].validity.valid)#}

        //$regex = '^[a-zA-Z]{3,4}(\d{6})((\D|\d){3})?$'

        if (rfc.length == 10) {

            if (v_validate.currentForm[9].validity.valid == true) {

                $('#rfc_input_popup').val(rfc);
                $.ajax({
                    data: {'rfc': rfc},
                    url: '/busqueda_ajax/paciente/',
                    type: 'get',
                    success: function (data) {
                        var nombre = "";
                        var id_paciente;
                        var ap_paterno;
                        var ap_materno;
                        var sexo;
                        var rfc_data;
                        var id_derechohabiente;
{#                        console.log(data)#}

                        if (data.length > 1) {

                            $("#dialog_rfc_coinsidencia").dialog("option", {modal: true}).dialog("open");
                        } else {

                            for (var i = 0; i < data.length; i++) {
                                id_paciente = "" + data[i].pk;
                                nombre = "" + data[i].fields.nombre;
                                ap_paterno = "" + data[i].fields.ap_paterno;
                                ap_materno = "" + data[i].fields.ap_materno;
                                sexo = "" + data[i].fields.sexo;
                                rfc_data = "" + data[i].fields.rfc;
                                id_derechohabiente = "" + data[i].fields.id_derechohabiente

                            }

                            if (nombre != "") {


                                confirmacion_paciente(id_paciente);
                                /*alert_detecciones_paciente(data, id_paciente)
                                 consultarPacienteMunicipio(id_paciente, rfc)*/
                            }
                            else {
                                /*registrar otro paciente*/
                                $("#dgtic-ex-dialog-confirm").dialog("option", {modal: true}).dialog("open");
                            }
                        }
                    },
                    error: function (data) {
                        alert("Error en el servidor, no se pudo enviar el RFC");
                    }
                });
            }

        }

    }


    </script>
    <script>

        $(document).ajaxSend(function (event, xhr, settings) {
            function getCookie(name) {
                var cookieValue = null;
                if (document.cookie && document.cookie != '') {
                    var cookies = document.cookie.split(';');
                    for (var i = 0; i < cookies.length; i++) {
                        var cookie = jQuery.trim(cookies[i]);
// Does this cookie string begin with the name we want?
                        if (cookie.substring(0, name.length + 1) == (name + '=')) {
                            cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                            break;
                        }
                    }
                }
                return cookieValue;
            }

            function sameOrigin(url) {
// url could be relative or scheme relative or absolute
                var host = document.location.host; // host + port
                var protocol = document.location.protocol;
                var sr_origin = '//' + host;
                var origin = protocol + sr_origin;
// Allow absolute or scheme relative URLs to same origin
                return (url == origin || url.slice(0, origin.length + 1) == origin + '/') ||
                        (url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') ||
// or any other URL that isn't scheme relative or absolute i.e relative.
                        !(/^(\/\/|http:|https:).*/.test(url));
            }

            function safeMethod(method) {
                return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
            }

            if (!safeMethod(settings.type) && sameOrigin(settings.url)) {
                xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
            }
        });
    </script>

{% endblock %}