@extends('layouts.app')

@section('css')

<style>
    .select2-search__field {
        background: #fff !important;
    }

    .input-group-text {
        padding-right: 10px;
    }

    .btn5{
        padding: 10px 20px;
    }
    .btn1{
        padding: 10px 30px;
    }
    .btn4{
        padding: 10px 25px;
    }
    @media only screen and (max-width: 560px)
    {
        .content {
            padding: 150px 15px 42px;
        }
        .btnMovil2{
            margin: 0px 5px 0px 0px;
        }
        .btnMovil1{
            margin: 0px 0px 0px 5px;
        }
        .btnMovil3{
            float: left;
            display: initial;
            padding: 7px 62px;
        }
        .divMovil3{
            margin-top: 0px !important;
        }
    }
</style>
<link rel="stylesheet" href="{{asset('css')}}/bootstrap-material-datetimepicker.css" />

@endsection

@section('content')
<ol class="breadcrumb">
    <li class="breadcrumb-item active class_select"><a href="{{ URL('/home') }}">Inicio</a></li>
    <li class="breadcrumb-item class_select"><a href="{{ URL('/solicituds') }}">Solicitudes de préstamo</a></li>
    <li class="breadcrumb-item">Solicitud</li>
</ol>
<div class="row justify-content-between">
    <div class="col-12">
        <h1 class="page-title">Creación de <span class="fw-semi-bold">solicitud de préstamo</span></h1>
    </div>
    <div class="col-12 col-xl-4 text-right">
        <a class="btnInfo btn3" href="{!! url('solicituds') !!}">Regresar</a>
    </div>
</div>

<section class="widget" style="padding:50px !important">
    <div class="row">
        <div class="col-md-2 col-12 text-center offset-xl-1 pasos activo"><span>1. Generales</span></div>
        <div class="col-md-2 col-12 text-center pasos"><span>2. Domicilio</span></div>
        <div class="col-md-2 col-12 text-center pasos"><span>3. Laborales</span></div>
        <div class="col-md-2 col-12 text-center pasos"><span>4. Financieros</span></div>
        <div class="col-md-2 col-12 text-center pasos"><span>5. Referencias</span></div>
    </div>
    <br>
    <div class="progress mb-sm">
        <div class="progress-bar bg-warning" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0"
            aria-valuemax="100"></div>
    </div>
    <br>
    <header>
        <h2>1. Datos personales del cliente</h2>
        <p>Completa los siguientes campos.</p>
    </header>
    @include('adminlte-templates::common.errors')
    <div class="widget-body">
        {!! Form::open(['route' => 'solicituds.updatePaso1', 'class' => 'form-horizontal formulario','files' => true])!!}

        @include('solicituds.paso1_fields_edit')
        <input type="hidden" name="solicitud_id" value="{{ $solicitud->id }}">
        {!! Form::close() !!}
    </div>
</section>
@endsection

@section('scripts')
{{-- <script src="{!! asset('template') !!}/bower_components/select2/dist/js/select2.min.js"></script> --}}
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/js/select2.min.js"></script>

<script src="{!! asset('template') !!}/bower_components/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<script src="{!! asset('template') !!}/bower_components/jasny-bootstrap/js/fileinput.js"></script>
<script src="{!! asset('template') !!}/bower_components/jasny-bootstrap/js/inputmask.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
<script src="{!! asset('js') !!}/validaciones.js"></script>

<script type="text/javascript" src="https://momentjs.com/downloads/moment-with-locales.min.js"></script>
<script type="text/javascript" src="{{asset('js')}}/bootstrap-material-datetimepicker.js"></script>

<script>
    var clientes = ;
    var url = '{!! asset("/") !!}';
    var url_base = '{!! url("/") !!}';

    var validacion = false;
    var data_local = [];
    //FIXME: reparar por tema de identacion automatica se queda como cadena
    var promotor = "{!! (empty($promotor) ? 'false' : 'true') !!}";
    var correo_existe = false;

    $(document).ready(function() {

        $('#cantidad_letra').on('focusout', function(){
            var number = numeral($(this).val());
            $(this).val(number.format('0,0'));
            $('#cantidad').val(number.value());
        });

        $('#nuevo_cliente').on('click', function(e) {
            e.preventDefault();
            actualizarCampos(elementoVacio());
            mostrarDiv();
            $("#selectClientes option:selected").removeAttr("selected");
            $("#selectClientes").select2({
                allowClear: true,
            });
        });

        $('#selectClientes').change('select2:select', function(e) {
            var cliente_id = $('#selectClientes').val();
            clientes.forEach(element => {
                if (element.id == cliente_id) {
                    actualizarCampos(element);
                    mostrarDiv();

                    return false;
                }
            });
        });

        $("#madre_soltera").click(function() {
            if($("#madre_soltera").is(':checked')) {
                // alert("Está activado");
                $("#estado_civil").selectpicker('val','Soltero/a');
                $('.estadoCivil').hide();
            } else {
                // alert("No está activado");
                $('.estadoCivil').show();
            }
            console.log($solicitud->id);
        });

        $('#curp').on('focusout', function() {
            console.log('entra');
            if (curpValida($('#curp').val())) {
                $('#curp').css('background', '#ffe3ab');
                $('#curp').css('color', '#57525e');
                $('#validar_cliente').removeClass('disabled');
            } else {
                $('#curp').css('background', '#f55d5d');
                $('#curp').css('color', '#fff');
                $('#validar_cliente').addClass('disabled');
            }
        });

        $('#curp').on('focus', function() {
            $('#curp').css('background', '');
            $('#curp').css('color', '');
        });

        $('#rfc').on('focusout', function() {
            var rfc = $('#rfc').val();
            rfc = rfc.toUpperCase();
            $('#rfc').val(rfc);
        });

        $('#validar_cliente').on('click', function(e) {
            e.preventDefault();
            $('#curp').attr('readonly', true);
            validar_cliente();
        });

        $('#usar_datos_locales').on('click', function(e) {
            e.preventDefault();
            console.log('entramos para poner los datos locales');

            $('#cliente_id').val(data_local.id);
            actualizarCampos(data_local);


        });

        // validación para mostrar el campo de madre soltera
        $('#sexo').change(function() {
            var sel = "";
            $('#madre_soltera_contenedor').hide();

            $("select#sexo option:selected").each(function() {
                sel += $(this).text() + " ";
            });

            //FIXME: el espacio en la cadena
            if (sel === 'Femenino ') {
                $('#madre_soltera_contenedor').show();
            }
        });

        $("#selectGerenteSucursal").change(function() {
            var url_estatica = "{!! URL('/'); !!}";
            $.ajax({
                url: url_estatica + "/api/getGerentesSupervisor/" + $("#selectGerenteSucursal").val(),
                type: 'GET',
                dataType: "json"
            }).done(function(data) {
                gerentes_supervisores = data.data;
                console.log(gerentes_supervisores);
                var select = $("#selectGerenteSupervisor");
                select.html('<option value="0" selected disabled>Selecciona una opción</option>');
                gerentes_supervisores.forEach(element => {
                    select.append('<option value="' + element.id + '">' + element.user.name + ' ' + element.user.a_paterno + ' ' + element.user.a_materno + '</option> ');
                });
                $("#selectSupervisor").html('<option value="0" disabled>Selecciona primero un gerente de supervisor</option>');
                $("#selectPromotor").html('<option value="0" disabled>Selecciona primero un supervisor</option>');
            });
        });

        $("#selectGerenteSupervisor").change(function() {
            var url_estatica = "{!! URL('/'); !!}";
            $.ajax({
                url: url_estatica + "/api/getSupervisores/" + $("#selectGerenteSupervisor").val(),
                type: 'GET',
                dataType: "json"
            }).done(function(data) {
                supervisores = data.data;

                var select = $("#selectSupervisor");
                select.html('<option value="0" selected disabled>Selecciona una opción</option>');
                supervisores.forEach(element => {
                    select.append('<option value="' + element.id + '">' + element.user.name + ' ' + element.user.a_paterno + ' ' + element.user.a_materno + '</option> ');
                });
                $("#selectPromotor").html('<option value="0" disabled>Selecciona primero un supervisor</option>');
            });
        });

        $("#selectSupervisor").change(function() {
            var url_estatica = "{!! URL('/'); !!}";
            $.ajax({
                url: url_estatica + "/api/getPromotores/" + $("#selectSupervisor").val(),
                type: 'GET',
                dataType: "json"
            }).done(function(data) {
                promotores = data.data;

                var select = $("#selectPromotor");
                select.html('<option value="0" selected disabled>Selecciona una opción</option>');
                promotores.forEach(element => {
                    select.append('<option value="' + element.id + '">' + element.user.name + ' ' + element.user.a_paterno + ' ' + element.user.a_materno + '</option> ');
                });
            });
        });

        $('#estado_civil').on('change', function() {
            console.log($(this).val());

            if ($(this).val() == 'Casado/a') {
                //TODO: muesstra los otros campos
                $('#nombre_conyuge-contenedor').show();
                $('#fecha_conyuge-contenedor').show();
            } else {
                //TODO: oculta los campos
                $('#nombre_conyuge-contenedor').hide();
                $('#fecha_conyuge-contenedor').hide();
            }

        });

        $(".select2").each(function() {
            $(this).select2($(this).data());
        });

        $("#codigo_postal").inputmask({
            mask: "99999"
        });

        $("#fecha_nacimiento").inputmask({
            mask: "9999-99-99"
        });

        $("#fecha_nacimiento_conyuge").inputmask({
            mask: "9999-99-99"
        });

        $("#telefono").inputmask({
            mask: "99-99-99-99-99"
        });

        $("#telefono_casa").inputmask({
            mask: "99-99-99-99-99"
        });

        $('#email').on('focusout', function() {
            console.log('salio de mail');
            console.log(data_local.length);
            if(typeof data_local == "undefined" || data_local.length == 0){
                console.log('entramos validación');
                if (validar_email('#email', '#email_mensaje')) {
                    validarCorreo('#email', '#email_mensaje');
                }

            }
        });

        //++++++ validaciones

        $("form").submit(function(e) {
            e.preventDefault();
            aplicar_validaciones(e);
        });

        $('#renovacion_btn').on('click', function(e) {
            e.preventDefault();
            mostrar_form_llenado('Renovación');
        });

        $('#refinanciamiento_btn').on('click', function(e) {
            e.preventDefault();
            mostrar_form_llenado('Refinanciamiento');
        });

        $('#paralelo_btn').on('click', function(e) {
            e.preventDefault();
            mostrar_form_llenado('Paralelo');
        });

        $('#fecha_nacimiento_conyuge').bootstrapMaterialDatePicker({
            lang : 'es',
            weekStart : 1,
            cancelText : 'Cancelar' ,
            time: false
        });


        $('#recargar').on('click',function(){
            location.reload(); //FIXME: lo correcto es limpiar las variables y habilitar el campo de busqueda nuevamente
            //TODO: agregar un mensaje de confirmación con la leyenda que indique que por motivos de seguridad se limpiaran todos los campos
        });

    }); //fin document ready


    function mostrar_form_llenado(titulo) {
        actualizarCampos(data_local);
        $('#cliente_id').val(data_local.id);
        $('#tipo_prestamo').val(titulo);
        $('#completar_form').removeClass('d-none');
        $('#tipo_credito_titulo').html(' / ' + titulo);
        $('#con_credito').addClass('d-none');
        $('#btn-siguiente').removeClass('d-none');
    }// fin mostrar_form_llenado


    function validar_cliente() {
        var curp = $('#curp').val();
        var url = url_base + '/api/clientes/curp/' + curp;
        var refinanciamiento = true;
        var paralelo = true;
        var renovacion = true;
        var accion = 'Continuar';
        var prestamos_mensaje = '';

        $.get(url, '').done(function(data) {
            console.log('data');
            console.log(data);

            $('#con_credito p').html('');
            $('#usar_datos_locales').show();
            $('#completar_form').removeClass('d-none');
            $('#btn-siguiente').removeClass('d-none');
            $('#paralelo_btn').addClass('d-none');
            $('#refinanciamiento_btn').addClass('d-none');
            $('#renovacion_btn').addClass('d-none');

            if (data.data.length > 0) {
                data_local = data.data[0];

                if (data_local.solicitudes.length > 0) {
                    console.log('------ tenemos solicitudes activas ------');
                    accion = 'con_solicitud_activa';
                } else if (data_local.prestamos.length > 0) {
                    console.log('------ tenemos prestamos activos ------');
                    accion = 'con_opciones_credito';

                    prestamos_mensaje += 'Número de Préstamos: ' + data_local.prestamos.length + ' </br>';

                    for (let i = 0; i < data_local.prestamos.length; i++) {

                        prestamos_mensaje += 'Préstamo de: ' + data_local.prestamos[i].plazo_credito + ' Semana(s) </br>';

                        if (data_local.prestamos[i].estatus != 'Liquidado') {
                            renovacion = false;
                        }

                        //validar el numero de semanas que lleva con el prestamos y el número de pagos hasta la fecha
                        if (data_local.prestamos[i].semanas < 9 || data_local.prestamos[i].num_pagos < 9) {
                            refinanciamiento = false;
                        }

                        if (data_local.prestamos[i].semanas < 7 || data_local.prestamos[i].num_pagos < 7) {
                            paralelo = false;
                        }

                        console.log(data_local.prestamos[i].semanas);
                        console.log(data_local.prestamos[i].num_pagos);
                        console.log(paralelo);
                    }

                    prestamos_mensaje += 'Tenemos las siguientes opciones para ti: </br>';
                    prestamos_mensaje += 'Opciones de préstamo: </br>';
                    if (renovacion) {
                        $('#renovacion_btn').removeClass('d-none');
                    }
                    if (refinanciamiento) {
                        $('#refinanciamiento_btn').removeClass('d-none');
                    }
                    // if (paralelo) {
                    //     $('#paralelo_btn').removeClass('d-none');
                    // }
                } else {
                    accion = 'continuar';
                    console.log('------ No tenemos ni solicitudes ni préstamos ------');
                }
            } else {
                accion = 'continuar';
            }

            console.log('------------------ accion activa ---');
            console.log(accion);
            if (accion == 'continuar') {
                var curp_trans_rfc = $("#curp").val();
                $("#rfc").val(curp_trans_rfc.substring(0, 10));
                $("#rfc").attr('readonly', true);
                $('#sin_credito').removeClass('d-none');
                $('#completar_form').removeClass('d-none');
                $('#btn-siguiente').removeClass('d-none');
                $('#con_credito').addClass('d-none');
            } else if (accion == 'con_solicitud_activa') {
                $('#con_credito').removeClass('d-none');
                $('#sin_credito').addClass('d-none');

                $('#usar_datos_locales').hide();
                $('#completar_form').addClass('d-none');
                $('#btn-siguiente').addClass('d-none');


                $('#con_credito p').append('Solicitudes Pendientes de resolusión: ' + data.data[0].solicitudes.length);
                $('#con_credito p').append('</br>');
            } else if (accion == 'con_opciones_credito') {
                $('#con_credito').removeClass('d-none');
                $('#sin_credito').addClass('d-none');

                $('#usar_datos_locales').hide();
                $('#completar_form').addClass('d-none');
                $('#btn-siguiente').addClass('d-none');


                $('#con_credito p').append(prestamos_mensaje);
                $('#con_credito p').append('</br>');
            }

            $('#lugar_nacimiento').val(get_estado_curp(curp[11] + curp[12]));
            $("#lugar_nacimiento").attr("readonly", true);

            $("#sexo option[value=" + get_genero(curp[10]) + "]").attr("selected", true);
            $("#sexo").attr("readonly", true);
            $("#sexo").selectpicker('refresh');
            $("#sexo").attr("disabled", true);

            if (get_genero(curp[10]) == 'Femenino') {
                $('#madre_soltera_contenedor').show();
                $('#nacionalidad').val('Mexicana');
            } else {
                $('#madre_soltera_contenedor').hide();
                $('#nacionalidad').val('Mexicano');
            }

            $("#nacionalidad").attr("readonly", true);

            var formato_fecha = '';
            var fecha_sin_formato = curp.substring(4, 10);
            var anio = curp[4] + curp[5];
            var mes = curp[6] + curp[7];
            var dia = curp[8] + curp[9];

            if (anio > 50) {
                anio = 19 + anio;
            } else {
                anio = 20 + anio;
            }

            $('#fecha_nacimiento').val(anio + '-' + mes + '-' + dia);
            $("#fecha_nacimiento").attr("readonly", true);

        });
    } //fin validacion cliente

    $(".formatNumbers").on("keypress keyup blur", function(event) {
        $(this).val($(this).val().replace(/[^0-9]/g, ''));
        var numero = $(this).val().toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
        $(this).val(numero);
    });

    function ocultarDiv() {
        $("#datosCliente").hide();
    }

    function mostrarDiv() {
        $("#datosCliente").show();
    }

    function evaluacionSexo(sexo){
        console.log('vamos a evaluar');
        if(sexo != null && sexo != ' '){
            $('select[name=sexo]').val(sexo);
            console.log('si tenemos sexo');
        } else {
            let curp = $('#curp').val();
            console.log('no tenemos sexo');
            if (get_genero(curp[10]) == 'Femenino') {
                $('select[name=sexo]').val('Femenino');
            } else {
                $('select[name=sexo]').val('Masculino');
            }
        }

        if ($("#sexo").val() == 'Femenino') {
            $('#madre_soltera_contenedor').show();
            $('#nacionalidad').val('Mexicana');
        }else{
            $('#madre_soltera_contenedor').hide();
            $('#nacionalidad').val('Mexicano');
        }
    }//Fin evaluacionSexo

    function evaluacionEstadoCivil(estado_civil, nombre_conyuge, fecha_nacimiento_conyuge){
        if(estado_civil != null && estado_civil != ' '){
            $('select[name=estado_civil]').val(estado_civil);
            if (estado_civil === 'Casado/a') {
                $('#nombre_conyuge-contenedor').show();
                $('#fecha_conyuge-contenedor').show();
                $("#nombre_conyuge").val(nombre_conyuge);
                $("#fecha_nacimiento_conyuge").val(fecha_nacimiento_conyuge);
            }
        }else{
            $('select[name=estado_civil]').val(0);
        }
    }//Fin evaluacionEstadoCivil

    function evaluacionRFC(rfc){
        if(rfc != null && rfc != ' '){
            $("#rfc").val(rfc);
        }else{
            let curp = $('#curp').val();
            $("#rfc").val(curp.substring(0, 10));
        }

    }//Fin evaluacionRFC

    function evaluacionTipoIdentificacion(tipo_identificacion){
        if(tipo_identificacion != null && tipo_identificacion != ' '){
            $('select[name=tipo_identificacion]').val(tipo_identificacion);
        }else{
            $('select[name=tipo_identificacion]').val(0);
        }
    }//Fin evaluacionTipoIdentificacion

    function actualizarCampos(element) {
        console.log(element);

        $("#name").val(element.user.name);
        $("#a_paterno").val(element.user.a_paterno);
        $("#a_materno").val(element.user.a_materno);
        $("#email").val(element.user.email);

        //$("#curp").val(element.curp);
        $("#fecha_nacimiento").val(element.user.fecha_nacimiento);

        evaluacionSexo(element.sexo);
        evaluacionEstadoCivil(element.estado_civil, element.nombre_conyuge,element.fecha_nacimiento_conyuge);
        evaluacionRFC(element.rfc);
        evaluacionTipoIdentificacion(element.tipo_identificacion);


        document.getElementById("prestamos_externos").checked = false;
        if (element.prestamo_empresas_otras === 'Si') {
            document.getElementById("prestamos_externos").checked = true;
        }

        document.getElementById("auto_propio").checked = false;
        if (element.auto_propio === 'Si') {
            document.getElementById("auto_propio").checked = true;
        }

        document.getElementById("madre_soltera").checked = false;
        if (element.madre_soltera === 'Si') {
            document.getElementById("madre_soltera").checked = true;
        }


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

        $("#n_dependientes").val(element.n_dependientes);
        $("#telefono").val(element.user.telefono);
        $("#telefono_casa").val(element.user.telefono_casa);

        $("#no_identificacion").val(element.no_identificacion);
        $("#lugar_nacimiento").val(element.lugar_nacimiento);
        $("#nacionalidad").val(element.nacionalidad);


        $('#reverso').attr("src", url + 'identifications/' + element.identificacion_detras);
        $('#frente').attr("src", url + 'identifications/' + element.identificacion_frente);
        $('#perfil').attr("src", url + 'profile_pictures/' + element.user.foto_perfil);

    }

    function elementoVacio() {
        return {
            rfc: '',
            curp: '',
            sexo: 0,
            estado_civil: 0,
            n_dependientes: '',
            tipo_identificacion: 0,
            no_identificacion: '',
            lugar_nacimiento: '',
            nacionalidad: '',
            nombre_conyuge: '',
            fecha_nacimiento_conyuge: '',
            identificacion_frente: 'default-profile.png',
            identificacion_detras: 'default-profile.png',
            data_usuario: {
                name: '',
                a_paterno: '',
                a_materno: '',
                email: '',
                telefono: '',
                telefono_casa: '',
                fecha_nacimiento: '',
                foto_perfil: 'default-profile.png',
            }
        }
    }

    function curpValida(curp) {
        curp = curp.toUpperCase();
        $('#curp').val(curp);

        var re = /^([A-Z][AEIOUX][A-Z]{2}\d{2}(?:0\d|1[0-2])(?:[0-2]\d|3[01])[HM](?:AS|B[CS]|C[CLMSH]|D[FG]|G[TR]|HG|JC|M[CNS]|N[ETL]|OC|PL|Q[TR]|S[PLR]|T[CSL]|VZ|YN|ZS)[B-DF-HJ-NP-TV-Z]{3}[A-Z\d])(\d)$/,
            validado = curp.match(re);

        if (!validado) //Coincide con el formato general?
            return false;

        //Validar que coincida el dígito verificador
        function digitoVerificador(curp17) {
            //Fuente https://consultas.curp.gob.mx/CurpSP/
            var diccionario = "0123456789ABCDEFGHIJKLMNÑOPQRSTUVWXYZ",
                lngSuma = 0.0,
                lngDigito = 0.0;
            for (var i = 0; i < 17; i++)
                lngSuma = lngSuma + diccionario.indexOf(curp17.charAt(i)) * (18 - i);
            lngDigito = 10 - lngSuma % 10;
            if (lngDigito == 10)
                return 0;
            return lngDigito;
        }
        if (validado[2] != digitoVerificador(validado[1]))
            return false;

        return true; //Validado
    }

    function valRFC(rfc) {
        var re = /^([A-Z,Ñ,&]{3,4}([0-9]{2})(0[1-9]|1[0-2])(0[1-9]|1[0-9]|2[0-9]|3[0-1])[A-Z|\d]{3})$/

        validado = rfc.match(re);

        if (!validado) //Coincide con el formato general?
            return false;
        return true;
    }

    function aplicar_validaciones(event) {
        var validacion = true;

        if (!validar_numero('#cantidad', '#cantidad_mensaje', 1000, 0)) {
            validacion = false;
            console.log(validacion);
            console.log('cantidad');
        }

        //FIXME: reparar por tema de identacion automatica se queda como cadena
        if (promotor == 'false') {
            if (!validar_seleccion('#selectGerenteSucursal', '#selectGerenteSucursal_mensaje')) {
                validacion = false;
                console.log(validacion);
                console.log('gerente sucursal');

            }
            if (!validar_seleccion('#selectGerenteSupervisor', '#selectGerenteSupervisor_mensaje')) {
                validacion = false;
                console.log(validacion);
                console.log('gerente supervisores');
            }
            if (!validar_seleccion('#selectSupervisor', '#selectSupervisor_mensaje')) {
                validacion = false;
                console.log(validacion);
                console.log('supervisor');
            }
            if (!validar_seleccion('#selectPromotor', '#selectPromotor_mensaje')) {
                validacion = false;
                console.log(validacion);
                console.log('validaselectPromotorcion');
            }
        }
        if (!validar_texto('#name', '#name_mensaje', 3, 50)) {
            validacion = false;
            console.log(validacion);
            console.log('name');
        }
        if (!validar_texto('#a_paterno', '#a_paterno_mensaje', 3, 50)) {
            validacion = false;
            console.log(validacion);
            console.log('a_paterno');
        }
        if (!validar_texto('#a_materno', '#a_materno_mensaje', 3, 50)) {
            validacion = false;
            console.log(validacion);
            console.log('a_materno');
        }
        if (!validar_email('#email', '#email_mensaje')) {
            validacion = false;
            console.log(validacion);
            console.log('email');
        }
        if (!validar_fecha('#fecha_nacimiento', '#fecha_nacimiento_mensaje')) {
            validacion = false;
            console.log(validacion);
            console.log('fecha_naciemiento');
        }
        if (!validar_texto('#rfc', '#rfc_mensaje', 10, 11)) {
            validacion = false;
            console.log(validacion);
            console.log('rfc');
        }
        // if (!validar_numero('#n_dependientes', '#n_dependientes_mensaje', 0, 1)) {
        //     validacion = false;
        //     console.log(validacion);
        //     console.log('n_dependientes');
        // }
        if (!validar_seleccion('#sexo', '#sexo_mensaje')) {
            validacion = false;
            console.log(validacion);
            console.log('sexo');
        }
        if (!validar_texto('#telefono', '#telefono_mensaje', 10, 50)) {
            validacion = false;
            console.log(validacion);
            console.log('telefono');
        }
        // if (!validar_texto('#telefono_casa', '#telefono_casa_mensaje', 10, 50)) {
        //     validacion = false;
        //     console.log(validacion);
        //     console.log('telefono casa');
        // }
        if (!validar_seleccion('#tipo_identificacion', '#tipo_identificacion_mensaje')) {
            validacion = false;
            console.log(validacion);
            console.log('tipo_identificacion');
        }
        if (!validar_texto('#no_identificacion', '#no_identificacion_mensaje', 13, 50)) {
            validacion = false;
            console.log(validacion);
            console.log('no identificacion');
        }
        if (!validar_texto('#lugar_nacimiento', '#lugar_nacimiento_mensaje', 3, 50)) {
            validacion = false;
            console.log(validacion);
            console.log('lugar_nacimiento');
        }
        if (!validar_texto('#nacionalidad', '#nacionalidad_mensaje', 3, 50)) {
            validacion = false;
            console.log(validacion);
            console.log('nacionalidad');
        }
        if (!validar_seleccion('#estado_civil', '#estado_civil_mensaje')) {
            validacion = false;
            console.log(validacion);
            console.log('estado civil');
        }
        if ($('#estado_civil').val() == 'Casado/a') {
            if (!validar_texto('#nombre_conyuge', '#nombre_conyuge_mensaje', 3, 50)) {
                validacion = false;
                console.log(validacion);
                console.log('nombre conyuge');
            }
            // if (!validar_fecha('#fecha_nacimiento_conyuge', '#fecha_nacimiento_conyuge_mensaje')) {
            //     validacion = false;
            //     console.log(validacion);
            //     console.log('fecha_nacimiento');
            // }
        }

        if ($('#cliente_id').val() == '') {
            if (!validar_texto('#foto_perfil', '#foto_perfil_mensaje', 3, 1000)) {
                validacion = false;
                console.log(validacion);
                console.log('foto perfil');
            }
            if (!validar_texto('#identificacion_frente', '#identificacion_frente_mensaje', 3, 1000)) {
                validacion = false;
                console.log(validacion);
                console.log('identificacion frente');
            }
            if (!validar_texto('#identificacion_reverso', '#identificacion_reverso_mensaje', 3, 1000)) {
                validacion = false;
                console.log(validacion);
                console.log('identificacion_reverso');
            }
            if (!validar_texto('#comprobante', '#comprobante_mensaje', 3, 1000)) {
                validacion = false;
                console.log(validacion);
                console.log('comprobante');
            }
            if (!validar_texto('#estado_cuenta', '#estado_cuenta_mensaje', 3, 1000)) {
                validacion = false;
                console.log(validacion);
                console.log('estado_cuenta');
            }
        }


        if (correo_existe) {
            $('#email_mensaje span').html('El correo ya existe. Por favor, ingresa otro correo.');
            $('#email_mensaje').show();

            validacion = false;
            console.log(validacion);
            console.log('identificacion_reverso');
        }

        if (validacion) {
            console.log(validacion);
            console.log('final');
            event.target.submit();
        }



    }

    function get_estado_curp(clave) {
        if (clave == 'AS') {
            return 'Aguascalientes';
        } else if (clave == 'BC') {
            return 'Baja California';
        } else if (clave == 'BS') {
            return 'Baja California Sur';
        } else if (clave == 'CC') {
            return 'Campeche';
        } else if (clave == 'CS') {
            return 'Chiapas';
        } else if (clave == 'CH') {
            return 'Chihuahua';
        } else if (clave == 'DF') {
            return 'Ciudad de México';
        } else if (clave == 'CL') {
            return 'Coahuila';
        } else if (clave == 'CM') {
            return 'Colima';
        } else if (clave == 'DG') {
            return 'Durango';
        } else if (clave == 'GT') {
            return 'Guanajuato';
        } else if (clave == 'GR') {
            return 'Guerrero';
        } else if (clave == 'HG') {
            return 'Hidalgo';
        } else if (clave == 'JC') {
            return 'Jalisco';
        } else if (clave == 'MC') {
            return 'México';
        } else if (clave == 'MN') {
            return 'Michoacán';
        } else if (clave == 'MS') {
            return 'Morelos';
        } else if (clave == 'NT') {
            return 'Nayarit';
        } else if (clave == 'NL') {
            return 'Nuevo León';
        } else if (clave == 'OC') {
            return 'Oaxaca';
        } else if (clave == 'PL') {
            return 'Puebla';
        } else if (clave == 'QO') {
            return 'Querétaro';
        } else if (clave == 'QR') {
            return 'Quintana Roo';
        } else if (clave == 'SP') {
            return 'San Luis Potosí';
        } else if (clave == 'SL') {
            return 'Sinaloa';
        } else if (clave == 'SR') {
            return 'Sonora';
        } else if (clave == 'TC') {
            return 'Tabasco';
        } else if (clave == 'TS') {
            return 'Tamaulipas';
        } else if (clave == 'TL') {
            return 'Tlaxcala';
        } else if (clave == 'VZ') {
            return 'Veracruz';
        } else if (clave == 'YN') {
            return 'Yucatán';
        } else if (clave == 'ZS') {
            return 'Zacatecas';
        }
    }

    function get_genero(clave) {
        if (clave == 'H') {
            return 'Masculino';
        } else if (clave == 'M') {
            return 'Femenino';
        }
    }

    function validarCorreo(correo, mensaje) {
        var correo = $(correo).val();
        var url = url_base + '/api/usuarios/val_correo/' + correo;

        $.get(url, '').done(function(data) {
            console.log(data);
            $(mensaje).hide();
            correo_existe = false;
            console.log('oculta');
            if (data.data != 0) {
                $(mensaje + ' span').html('El correo ya existe. Por favor, ingresa otro correo.');
                $(mensaje).show();
                correo_existe = true;
            }
        });
    }

    $(window).load(function() {
        console.log();
        if($('.class_input').val() == ' '){
            $('.class_input').parent().find('.label_class').addClass('active2');
        }
    });

    $('.class_input').on('focusin', function() {
        $(this).parent().find('.label_class').addClass('active2');
    });

    $('.class_input').on('focusout', function() {
        if (!this.value) {
            $(this).parent().find('.label_class').removeClass('active2');
        }
    });

</script>

@endsection