@extends('layouts.app')

@section('css')

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

    .pasos {
        background-color: #eceff1;
        margin-bottom: 5px;
        border-radius: 5px;
        margin-right: 5px;
        padding: 20px;
    }

    .activo {
        background-color: #ffc247;
    }

    .activo a {
        background-color: #ffc247;
    }

    .pasado {
        background-color: #ffe3ab;
    }

    .pasado a {
        background-color: #ffe3ab;
    }
    @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>

@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">Nueva solicitud</li>
</ol>
<div class="row justify-content-between">
    <div class="col-12 col-xl-7">
        <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-3 text-right">
        <a class="btnInfo btn3" href="{!! url('solicituds') !!}">Regresar</a>
    </div>
</div>

<section class="widget" style="padding:50px !important">
    <div class="row">
        <a href="{{ url('paso1/'.$solicitud->id) }}" class="col-md-2 col-12 text-center offset-xl-1 pasos pasado"><span>1. Generales</span></a>
        <a href="{{ url('paso2/'.$solicitud->id) }}" class="col-md-2 col-12 text-center pasos pasado"><span>2. Domicilio</span></a>
        <a href="{{ url('paso3/'.$solicitud->id) }}" class="col-md-2 col-12 text-center pasos pasado"><span>3. Laborales</span></a>
        <a href="{{ url('paso4/'.$solicitud->id) }}" class="col-md-2 col-12 text-center pasos pasado"><span>4. Financieros</span></a>
        <div class="col-md-2 col-12 text-center pasos activo"><span>5. Referencias</span></div>
    </div>
    <br>
    <div class="progress mb-sm">
        <div class="progress-bar bg-warning" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
    </div>
    <br>
    <header>
        <h2>
            5. Datos referencia
        </h2>
        <div class="d-flex justify-content-between align-items-center">
            <p class="mb-0 text-muted fw-semi-bold">El asistente te guiara para completar la solicitud.</p>
            <h5><strong>Nombre: </strong> {!! $solicitud->cliente->user->name .' '.$solicitud->cliente->user->a_paterno.' '.$solicitud->cliente->user->a_materno !!}</h5>
        </div>
    </header>
    @include('adminlte-templates::common.errors')
    <div class="widget-body">
        {!! Form::open(['route' => 'solicituds.save_paso5', 'class' => 'form-horizontal','id'=> 'formPaso5','files' => true]) !!}
        @include('solicituds.paso5_fields')
        <div class="modal fade" id="firmaModal" tabindex="-1" role="dialog" aria-labelledby="firmaModalLabel" aria-hidden="true" style="top:0%!important">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="firmaModalLabel">Atención</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-sm-12">
                                <h5 class="modal-title" id="exampleModalLabel">Firma de autorización</h5>
                                <p>Al firmar el cliente autoriza la investigación de la información proporcionada y revisión del Buró de crédito</p>
                                <canvas style="left: 0px;
                                top: 0px;
                                width: 100%;
                                height: 200px;
                                touch-action: none;
                                border: 1px solid;" id="signature-pad" class="signature-pad" width=400 height=200>

                                </canvas>
                                <hr>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="margin-top:25px;">
                        <button class="btn4 btnWarniNg" id="clear">Limpiar</button>
                        <button type="button" class="btn1 btnDanger" data-dismiss="modal">Cancelar</button>
                        <button type="button" id="btnGuardar" class="btn2 btnSucces">Guardar</button>
                        <input type="hidden" name="image" id="image">

                    </div>
                </div>
            </div>
        </div>
        {!! Form::close() !!}
    </div>
</section>

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h3 class="modal-title" id="exampleModalLabel">¡Advertencia!</h3>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            <div class="row">
                <div class="form-group col-sm-12">
                    <h5>La direccion de las referencias tiene que se diferente a la del cliente. </h5>
                </div>
                <input type="text" name="id_promotorP" class="id_promotorP" value="" style="display:none">
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class=" button-file" data-dismiss="modal">Cancelar</button>
            <button type="submit" class="button-red2" id="btnAccept">Aceptar</button>
        </div>
        </div>
    </div>
</div>


@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="https://cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js"></script>
<!-- libreria interna de validación -->
<script src="{!! asset('js') !!}/validaciones.js"></script>

<script>
    var cliente = ;
    var cliente_dom = ;
    var dom_r1 = 0;
    var dom_r2 = 0;
    var dom_r3 = 0;
    var referencia_1 = 0;
    var referencia_2 = 0;
    var aval = 0;;
    var primera_carga_r1 = 0;
    var primera_carga_r2 = 0;
    var primera_carga_r3 = 0;
    var sepomex_array = [];

    console.log('dom ref1');
    console.log(dom_r1);
    console.log('dom ref2');
    console.log(dom_r2);
    console.log('ref1');
    console.log(referencia_1);
    console.log('ref2');
    console.log(referencia_2);
    console.log('dom aval');
    console.log(dom_r3);
    console.log('aval');
    console.log(aval);
    console.log(cliente_dom);

    var signaturePad = new SignaturePad(document.getElementById('signature-pad'), {
        backgroundColor: 'rgba(255, 255, 255, 0)',
        penColor: 'rgb(0, 0, 0)'
    });

    var cancelButton = document.getElementById('clear');

    cancelButton.addEventListener('click', function(event) {
        event.preventDefault();
        signaturePad.clear();
    });

    function getSignaturePad() {
        var imageData = signaturePad.toDataURL('image/png');
        document.getElementsByName("image")[0].setAttribute("value", imageData);
        $("#formPaso5").submit();
        $(".loader-wrap").removeClass('hiding hide');
    }

    $("#btnModal").click(function(){
        $("#firmaModal").modal();
    });

    $("#btnGuardar").click(function(){
        getSignaturePad();
    });

    $(document).ready(function() {

        if (referencia_1 != 0) {
            $('#parentesco_r1').val(referencia_1.parentesco);
            if (referencia_1.parentesco == -1) {
                $('#contenedor-otro_parentesco_r1').show();
            } else {
                $('#contenedor-otro_parentesco_r1').hide();
            }
            $('#nombre_r1').val(referencia_1.nombre);
            $('#telefono_celular_r1').val(referencia_1.telefono_celular);
            $('#telefono_casa_r1').val(referencia_1.telefono_casa);
        }

        if (dom_r1 != 0) {
            console.log('colonia  ++++++');
            console.log(dom_r1.colonia);
            armar_select_colonias(dom_r1.codigo_postal, $('#colonia_r1'), 0);

            $('#codigo_postal_r1').val(dom_r1.codigo_postal);
            if (dom_r1.colonia == -1) {
                $('#contenedor-otra_colonia_r1').show();
                $('#otra_colonia_r1').val(dom_r1.otra_colonia);
            } else {
                $('#contenedor-otra_colonia_r1').hide();
            }

            $('#calle_r1').val(dom_r1.calle);
            $('#num_ext_r1').val(dom_r1.num_ext);
            $('#num_int_r1').val(dom_r1.num_int);

            $('#tipo_asentamiento_r1').val(dom_r1.tipo_asentamiento);
            $('#ciudad_r1').val(dom_r1.ciudad);
            $('#estado_r1').val(dom_r1.estado);
            $('#municipio_r1').val(dom_r1.municipio);
            $('#pais_r1').val(dom_r1.pais);

            $('#tipo_asentamiento_des_r1').val(dom_r1.tipo_asentamiento);
            $('#ciudad_des_r1').val(dom_r1.ciudad);
            $('#estado_des_r1').val(dom_r1.estado);
            $('#municipio_des_r1').val(dom_r1.municipio);
            $('#pais_des_r1').val(dom_r1.pais);
        }

        if (referencia_2 != 0) {
            $('#parentesco_r2').val(referencia_2.parentesco);
            if (referencia_2.parentesco == -1) {
                $('#contenedor-otro_parentesco_r2').show();
            } else {
                $('#contenedor-otro_parentesco_r2').hide();
            }
            $('#nombre_r2').val(referencia_2.nombre);
            $('#telefono_celular_r2').val(referencia_2.telefono_celular);
            $('#telefono_casa_r2').val(referencia_2.telefono_casa);
        }

        if (dom_r2 != 0) {
            armar_select_colonias(dom_r2.codigo_postal, $('#colonia_r2'), 1);
            $('#codigo_postal_r2').val(dom_r2.codigo_postal);
            if (dom_r2.colonia == -1) {
                $('#contenedor-otra_colonia_r2').show();
                $('#otra_colonia_r2').val(dom_r2.otra_colonia);
            } else {
                $('#contenedor-otra_colonia_r2').hide();
            }
            $('#calle_r2').val(dom_r2.calle);
            $('#num_ext_r2').val(dom_r2.num_ext);
            $('#num_int_r2').val(dom_r2.num_int);

            $('#tipo_asentamiento_r2').val(dom_r2.tipo_asentamiento);
            $('#ciudad_r2').val(dom_r2.ciudad);
            $('#estado_r2').val(dom_r2.estado);
            $('#municipio_r2').val(dom_r2.municipio);
            $('#pais_r2').val(dom_r2.pais);

            $('#tipo_asentamiento_r2_des').val(dom_r2.tipo_asentamiento);
            $('#ciudad_r2_des').val(dom_r2.ciudad);
            $('#estado_r2_des').val(dom_r2.estado);
            $('#municipio_r2_des').val(dom_r2.municipio);
            $('#pais_r2_des').val(dom_r2.pais);
        }

        if (aval != 0) {
            $('#parentesco_r3').val(aval.parentesco);
            if (aval.parentesco == -1) {
                $('#contenedor-otro_parentesco_r3').show();
            } else {
                $('#contenedor-otro_parentesco_r3').hide();
            }
            $('#nombre_r3').val(aval.nombre);
            $('#telefono_celular_r3').val(aval.telefono_celular);
            $('#telefono_casa_r3').val(aval.telefono_casa);
        }

        if (dom_r3 != 0) {
            armar_select_colonias(dom_r3.codigo_postal, $('#colonia_r3'), 1);
            $('#codigo_postal_r3').val(dom_r3.codigo_postal);
            if (dom_r3.colonia == -1) {
                $('#contenedor-otra_colonia_r3').show();
                $('#otra_colonia_r3').val(dom_r3.otra_colonia);
            } else {
                $('#contenedor-otra_colonia_r3').hide();
            }
            $('#calle_r3').val(dom_r3.calle);
            $('#num_ext_r3').val(dom_r3.num_ext);
            $('#num_int_r3').val(dom_r3.num_int);

            $('#tipo_asentamiento_r3').val(dom_r3.tipo_asentamiento);
            $('#ciudad_r3').val(dom_r3.ciudad);
            $('#estado_r3').val(dom_r3.estado);
            $('#municipio_r3').val(dom_r3.municipio);
            $('#pais_r3').val(dom_r3.pais);

            $('#tipo_asentamiento_r3_des').val(dom_r3.tipo_asentamiento);
            $('#ciudad_r3_des').val(dom_r3.ciudad);
            $('#estado_r3_des').val(dom_r3.estado);
            $('#municipio_r3_des').val(dom_r3.municipio);
            $('#pais_r3_des').val(dom_r3.pais);
        }

        $('#nuevo_cliente').on('click', function(e) {
            e.preventDefault();
            actualizarCampos(elementoVacio());
            mostrarDiv();
        });

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

                    return false;
                }
            });
        });

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

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

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

        $('#codigo_postal_r1').on('focusout', function(e) {
            e.preventDefault();
            if (validar_numero('#codigo_postal_r1', '#codigo_postal_r1-mensaje', 01000, 99999)) {
                armar_select_colonias($(this).val(), $('#colonia_r1'), 0);
            }
        });

        $('#codigo_postal_r2').on('focusout', function(e) {
            e.preventDefault();
            if (validar_numero('#codigo_postal_r2', '#codigo_postal_r2-mensaje', 01000, 99999)) {
                armar_select_colonias($(this).val(), $('#colonia_r2'), 1);
            }
        });

        $('#codigo_postal_r3').on('focusout', function(e) {
            e.preventDefault();
            if (validar_numero('#codigo_postal_r3', '#codigo_postal_r3-mensaje', 01000, 99999)) {
                armar_select_colonias($(this).val(), $('#colonia_r3'), 2);
            }
        });

        $('#colonia_r1').on('change', function() {

            var id_seleccion = $(this).prop('selectedIndex') - 1;


            if ($(this).val() == -1) {
                $('#contenedor-otra_colonia_r1').show();
                id_seleccion = 0;
                $('#tipo_asentamiento_r1').val('Colonia');
            } else {
                $('#tipo_asentamiento_r1').val(sepomex_array[0][id_seleccion].response.tipo_asentamiento);
                $('#contenedor-otra_colonia_r1').hide();
            }

            $('#ciudad_r1').val(sepomex_array[0][id_seleccion].response.ciudad);
            $('#estado_r1').val(sepomex_array[0][id_seleccion].response.estado);
            $('#municipio_r1').val(sepomex_array[0][id_seleccion].response.municipio);
            $('#pais_r1').val(sepomex_array[0][id_seleccion].response.pais);
            $('#tipo_asentamiento_des_r1').val(sepomex_array[0][id_seleccion].response.tipo_asentamiento);
            $('#ciudad_des_r1').val(sepomex_array[0][id_seleccion].response.ciudad);
            $('#estado_des_r1').val(sepomex_array[0][id_seleccion].response.estado);
            $('#municipio_des_r1').val(sepomex_array[0][id_seleccion].response.municipio);
            $('#pais_des_r1').val(sepomex_array[0][id_seleccion].response.pais);

        });

        $('#colonia_r2').on('change', function() {

            var id_seleccion = $(this).prop('selectedIndex') - 1;

            if ($(this).val() == -1) {
                $('#contenedor-otra_colonia_r2').show();
                id_seleccion = 0;
                $('#tipo_asentamiento_r2').val('Colonia');
            } else {
                $('#tipo_asentamiento_r2').val(sepomex_array[1][id_seleccion].response.tipo_asentamiento);
                $('#contenedor-otra_colonia_r2').hide();
            }
            $('#ciudad_r2').val(sepomex_array[1][id_seleccion].response.ciudad);
            $('#estado_r2').val(sepomex_array[1][id_seleccion].response.estado);
            $('#municipio_r2').val(sepomex_array[1][id_seleccion].response.municipio);
            $('#pais_r2').val(sepomex_array[1][id_seleccion].response.pais);
            $('#tipo_asentamiento_r2_des').val(sepomex_array[1][id_seleccion].response.tipo_asentamiento);
            $('#ciudad_r2_des').val(sepomex_array[1][id_seleccion].response.ciudad);
            $('#estado_r2_des').val(sepomex_array[1][id_seleccion].response.estado);
            $('#municipio_r2_des').val(sepomex_array[1][id_seleccion].response.municipio);
            $('#pais_r2_des').val(sepomex_array[1][id_seleccion].response.pais);

        });

        $('#colonia_r3').on('change', function() {
console.log(sepomex_array);
            var id_seleccion = $(this).prop('selectedIndex') - 1;

            if ($(this).val() == -1) {
                $('#contenedor-otra_colonia_r3').show();
                id_seleccion = 0;
                $('#tipo_asentamiento_r3').val('Colonia');
            } else {
                $('#tipo_asentamiento_r3').val(sepomex_array[2][id_seleccion].response.tipo_asentamiento);
                $('#contenedor-otra_colonia_r3').hide();
            }
            $('#ciudad_r3').val(sepomex_array[2][id_seleccion].response.ciudad);
            $('#estado_r3').val(sepomex_array[2][id_seleccion].response.estado);
            $('#municipio_r3').val(sepomex_array[2][id_seleccion].response.municipio);
            $('#pais_r3').val(sepomex_array[2][id_seleccion].response.pais);
            $('#tipo_asentamiento_r3_des').val(sepomex_array[2][id_seleccion].response.tipo_asentamiento);
            $('#ciudad_r3_des').val(sepomex_array[2][id_seleccion].response.ciudad);
            $('#estado_r3_des').val(sepomex_array[2][id_seleccion].response.estado);
            $('#municipio_r3_des').val(sepomex_array[2][id_seleccion].response.municipio);
            $('#pais_r3_des').val(sepomex_array[2][id_seleccion].response.pais);

        });


        $('#parentesco_r1').on('change', function() {
            if ($(this).val() == -1) {
                $('#contenedor-otro_parentesco_r1').show();
            } else {
                $('#contenedor-otro_parentesco_r1').hide();
            }
        });

        $('#parentesco_r2').on('change', function() {
            if ($(this).val() == -1) {
                $('#contenedor-otro_parentesco_r2').show();
            } else {
                $('#contenedor-otro_parentesco_r2').hide();
            }
        });

        $('#parentesco_r3').on('change', function() {
            if ($(this).val() == -1) {
                $('#contenedor-otro_parentesco_r3').show();
            } else {
                $('#contenedor-otro_parentesco_r3').hide();
            }
        });

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

        $("#btnValidaciones").click(function(){
            aplicar_validaciones(1);
        });


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

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


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

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

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

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

    }); // fin ready

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

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

    function actualizarCampos(element) {
        console.log(element);
        $("#name").val(element.data_usuario.name);
        $("#a_paterno").val(element.data_usuario.a_paterno);
        $("#a_materno").val(element.data_usuario.a_materno);
        $("#email").val(element.data_usuario.email);
        $("#rfc").val(element.rfc);
        $("#curp").val(element.curp);
        $("#fecha_nacimiento").val(element.data_usuario.fecha_nacimiento);
        //$("#sexo option[value='"+element.sexo+"'] ");

        $('select[name=sexo]').val(element.sexo);
        $('select[name=estado_civil]').val(element.estado_civil);
        $('select[name=tipo_identificacion]').val(element.tipo_identificacion);
        $('.selectpicker').selectpicker('refresh');

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

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

    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: '',
            data_usuario: {
                name: '',
                a_paterno: '',
                a_materno: '',
                email: '',
                telefono: '',
                telefono_casa: '',
                fecha_nacimiento: '',
            }
        }
    }

    function aplicar_validaciones(event) {
        console.log('empezamos a validar');
        var validacion = true;
        var validacion_id = '';

        // TODO: validar las otras colonias solo si los selects estan activos en otro

        if (!validar_texto('#nombre_r1', '#nombre_r1-mensaje', 3, 50)) {
            if(validacion)
            {
                validacion_id = '#nombre_r1';
            }
            validacion = false;
        }
        if (!validar_seleccion('#parentesco_r1', '#parentesco_r1-mensaje')) {
            if(validacion)
            {
                validacion_id = '#parentesco_r1';
            }
            validacion = false;
        }
        if (!validar_numero('#codigo_postal_r1', '#codigo_postal_r1-mensaje', 01000, 99999)) {
            if(validacion)
            {
                validacion_id = '#codigo_postal_r1';
            }
            validacion = false;
        }
        if (!validar_seleccion('#colonia_r1', '#colonia_r1-mensaje')) {
            if(validacion)
            {
                validacion_id = '#colonia_r1';
            }
            validacion = false;
        }
        if (!validar_texto('#calle_r1', '#calle_r1-mensaje', 3, 50)) {
            if(validacion)
            {
                validacion_id = '#calle_r1';
            }
            validacion = false;
        }
        if (!validar_texto('#num_ext_r1', '#num_ext_r1-mensaje', 1, 50)) {
            if(validacion)
            {
                validacion_id = '#num_ext_r1';
            }
            validacion = false;
        }
        if (!validar_texto('#telefono_celular_r1', '#telefono_celular_r1-mensaje', 3, 50)) {
            if(validacion)
            {
                validacion_id = '#telefono_celular_r1';
            }
            validacion = false;
        }
        // if (!validar_texto('#telefono_casa_r1', '#telefono_casa_r1-mensaje', 3, 50)) {
        //     validacion = false;
        // }

        if ($('#colonia_r1').val() == -1) {
            if (!validar_texto('#otra_colonia_r1', '#otra_colonia_r1-mensajes', 3, 50)) {
                if(validacion)
                {
                    validacion_id = '#otra_colonia_r1';
                }
                validacion = false;
            }
        }

        if ($('#parentesco_r1').val() == -1) {
            if (!validar_texto('#otro_parentesco_r1', '#otro_parentesco_r1-mensajes', 3, 50)) {
                if(validacion)
                {
                    validacion_id = '#otro_parentesco_r1';
                }
                validacion = false;
            }
        }

        // // validación de campos de la segunda referencia
        // if (!validar_texto('#nombre_r2', '#nombre_r2-mensaje', 3, 50)) {
        //     if(validacion)
        //     {
        //         validacion_id = '#nombre_r2';
        //     }
        //     validacion = false;
        // }
        // if (!validar_seleccion('#parentesco_r2', '#parentesco_r2-mensaje')) {
        //     if(validacion)
        //     {
        //         validacion_id = '#parentesco_r2';
        //     }
        //     validacion = false;
        // }
        // if (!validar_numero('#codigo_postal_r2', '#codigo_postal_r2-mensaje', 01000, 99999)) {
        //     if(validacion)
        //     {
        //         validacion_id = '#codigo_postal_r2';
        //     }
        //     validacion = false;
        // }
        // if (!validar_seleccion('#colonia_r2', '#colonia_r2-mensaje')) {
        //     if(validacion)
        //     {
        //         validacion_id = '#colonia_r2';
        //     }
        //     validacion = false;
        // }
        // if (!validar_texto('#calle_r2', '#calle_r2-mensaje', 3, 50)) {
        //     if(validacion)
        //     {
        //         validacion_id = '#calle_r2';
        //     }
        //     validacion = false;
        // }
        // if (!validar_texto('#num_ext_r2', '#num_ext_r2-mensaje', 1, 50)) {
        //     if(validacion)
        //     {
        //         validacion_id = '#num_ext_r2';
        //     }
        //     validacion = false;
        // }
        // if (!validar_texto('#telefono_celular_r2', '#telefono_celular_r2-mensaje', 3, 50)) {
        //     if(validacion)
        //     {
        //         validacion_id = '#telefono_celular_r2';
        //     }
        //     validacion = false;
        // }

        // // if (!validar_texto('#telefono_casa_r2', '#telefono_casa_r2-mensaje', 3, 50)) {
        // //     validacion = false;
        // // }

        // if ($('#colonia_r2').val() == -1) {
        //     if (!validar_texto('#otra_colonia_r2', '#otra_colonia_r2-mensajes', 3, 50)) {
        //         if(validacion)
        //         {
        //             validacion_id = '#otra_colonia_r2';
        //         }
        //         validacion = false;
        //     }
        // }

        // if ($('#parentesco_r2').val() == -1) {
        //     if (!validar_texto('#otro_parentesco_r2', '#otro_parentesco_r2-mensajes', 3, 50)) {
        //         if(validacion)
        //         {
        //             validacion_id = '#otro_parentesco_r2';
        //         }
        //         validacion = false;
        //     }
        // }


        // validación de campos del aval
        if (!validar_texto('#nombre_r3', '#nombre_r3-mensaje', 3, 50)) {
            if(validacion)
            {
                validacion_id = '#nombre_r3';
            }
            validacion = false;
        }
        if (!validar_seleccion('#parentesco_r3', '#parentesco_r3-mensaje')) {
            if(validacion)
            {
                validacion_id = '#parentesco_r3';
            }
            validacion = false;
        }
        if (!validar_numero('#codigo_postal_r3', '#codigo_postal_r3-mensaje', 01000, 99999)) {
            if(validacion)
            {
                validacion_id = '#codigo_postal_r3';
            }
            validacion = false;
        }
        if (!validar_seleccion('#colonia_r3', '#colonia_r3-mensaje')) {
            if(validacion)
            {
                validacion_id = '#colonia_r3';
            }
            validacion = false;
        }
        if (!validar_texto('#calle_r3', '#calle_r3-mensaje', 3, 50)) {
            if(validacion)
            {
                validacion_id = '#calle_r3';
            }
            validacion = false;
        }
        if (!validar_texto('#num_ext_r3', '#num_ext_r3-mensaje', 1, 50)) {
            if(validacion)
            {
                validacion_id = '#num_ext_r3';
            }
            validacion = false;
        }
        if (!validar_texto('#telefono_celular_r3', '#telefono_celular_r3-mensaje', 3, 50)) {
            if(validacion)
            {
                validacion_id = '#telefono_celular_r3';
            }
            validacion = false;
        }
        // if (!validar_texto('#telefono_casa_r2', '#telefono_casa_r2-mensaje', 3, 50)) {
        //     validacion = false;
        // }

        if ($('#colonia_r3').val() == -1) {
            if (!validar_texto('#otra_colonia_r3', '#otra_colonia_r3-mensajes', 3, 50)) {
                if(validacion)
                {
                    validacion_id = '#otra_colonia_r3';
                }
                validacion = false;
            }
        }

        if ($('#parentesco_r3').val() == -1) {
            if (!validar_texto('#otro_parentesco_r3', '#otro_parentesco_r3-mensajes', 3, 50)) {
                if(validacion)
                {
                    validacion_id = '#otro_parentesco_r3';
                }
                validacion = false;
            }
        }

        if ($('#cliente_id').val() == '') {
            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(validarDomciliosRepetidos()){
            validacion = false;
            console.log('domicilio igual al del cliente');
            //TODO: lanzar popup mensionando que las direcciones no pueden ser iguales
            $('#exampleModal').modal('show');
        }

        if (validacion) {
            // event.target.submit();
            $("#firmaModal").modal();
        }else{
            $('html, body').animate({
                    scrollTop: $(validacion_id).offset().top -100
            }, 1500);
        }
    }

    function armar_select_colonias(cp, select_colonia, s) {

        console.log('vamos a validar el cp');
        console.log(cp);

        var url = ' https://api.copomex.com/query/info_cp/' + cp +'?token=85e58fbe-878c-48e9-9484-e78f540ebe5c';

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

            sepomex_array[s] = data;

            var option_colonia = '<option class="dropdown-item" value="0">Selecciona la Colonia</option>';

            for (let index = 0; index < data.length; index++) {
                const element = data[index];
                option_colonia += '<option value="' + data[index].response.asentamiento + '">' + data[index].response.asentamiento + '</option>';
            }

            option_colonia += '<option class="dropdown-item" value="-1">Otra Colonia</option>';

            select_colonia.html(option_colonia);
            select_colonia.val(0);


            if (dom_r1 != 0 && s == 0 && primera_carga_r1 == 0) {
                select_colonia.val(dom_r1.colonia);
                primera_carga_r1 = 1;
            }

            if (dom_r2 != 0 && s == 1 && primera_carga_r2 == 0) {
                select_colonia.val(dom_r2.colonia);
                primera_carga_r2 = 1;
            }

            if (dom_r3 != 0 && s == 2 && primera_carga_r3 == 0) {
                select_colonia.val(dom_r3.colonia);
                primera_carga_r3 = 1;
            }

            select_colonia.selectpicker('refresh');

        }).fail(function() {
            Swal.fire({
                position: 'top-middle',
                icon: 'error',
                title: 'No se encontró el código postal. Favor de validar el código postal.',
                showConfirmButton: true,
            })
        });
    }

    function validarDomciliosRepetidos(){
        cliente_dom.num_int = cliente_dom.num_int == null? '': cliente_dom.num_int;
        cliente_dom.otra_colonia = cliente_dom.otra_colonia == null? '': cliente_dom.otra_colonia;

        console.log('cliente_dom');
        console.log(cliente_dom);

        console.log(dom_r1);
        console.log('dom_r1.num_int');
        console.log(dom_r1.num_int);


        console.log(dom_r2);
        console.log('dom_r2.num_int');
        console.log(dom_r2.num_int);


        console.log(dom_r3);
        console.log('dom_r3.num_int');
        console.log(dom_r3.num_int);


        console.log('compara llamadas');
        console.log($('#num_int_r1').val());
        console.log($('#num_int_r2').val());
        console.log($('#num_int_r3').val());


        console.log('#calle_r1' );
        console.log($('#calle_r1').val() );
        console.log('#num_ext_r1' );
        console.log($('#num_ext_r1').val() );
        console.log('#num_int_r1' );
        console.log($('#num_int_r1').val() );
        console.log('#colonia_r1');
        console.log($('#colonia_r1').val() );
        console.log('#ciudad_r1');
        console.log($('#ciudad_r1').val());
        console.log('#municipio_r1' );
        console.log($('#municipio_r1').val());
        console.log('#estado_r1' );
        console.log($('#estado_r1' ).val());
        console.log('#otra_colonia_r1' );
        console.log($('#otra_colonia_r1' ).val());
        console.log('#pais_r1');
        console.log($('#pais_r1').val() );
        console.log('#codigo_postal_r1');
        console.log($('#codigo_postal_r1').val());


        console.log('#calle_r2' );
        console.log($('#calle_r2').val() );
        console.log('#num_ext_r2' );
        console.log($('#num_ext_r2').val() );
        console.log('#num_int_r2' );
        console.log($('#num_int_r2').val() );
        console.log('#colonia_r2');
        console.log($('#colonia_r2').val() );
        console.log('#ciudad_r2');
        console.log($('#ciudad_r2').val());
        console.log('#municipio_r2' );
        console.log($('#municipio_r2').val());
        console.log('#estado_r2' );
        console.log($('#estado_r2' ).val());
        console.log('#otra_colonia_r2' );
        console.log($('#otra_colonia_r2' ).val());
        console.log('#pais_r2');
        console.log($('#pais_r2').val() );
        console.log('#codigo_postal_r2');
        console.log($('#codigo_postal_r2').val());


        console.log('#calle_r3' );
        console.log($('#calle_r3').val() );
        console.log('#num_ext_r3' );
        console.log($('#num_ext_r3').val() );
        console.log('#num_int_r3' );
        console.log($('#num_int_r3').val() );
        console.log('#colonia_r3');
        console.log($('#colonia_r3').val() );
        console.log('#ciudad_r3');
        console.log($('#ciudad_r3').val());
        console.log('#municipio_r3' );
        console.log($('#municipio_r3').val());
        console.log('#estado_r3' );
        console.log($('#estado_r3' ).val());
        console.log('#otra_colonia_r3' );
        console.log($('#otra_colonia_r3' ).val());
        console.log('#pais_r3');
        console.log($('#pais_r3').val() );
        console.log('#codigo_postal_r3');
        console.log($('#codigo_postal_r3').val());


        if( cliente_dom.calle ==        $('#calle_r1').val() &&
            cliente_dom.num_ext ==      $('#num_ext_r1').val() &&
            cliente_dom.num_int ==      $('#num_int_r1').val() &&
            cliente_dom.colonia ==      $('#colonia_r1').val() &&
            cliente_dom.ciudad ==       $('#ciudad_r1').val() &&
            cliente_dom.municipio ==    $('#municipio_r1').val() &&
            cliente_dom.estado ==       $('#estado_r1').val() &
            cliente_dom.otra_colonia == $('#otra_colonia_r1').val() &&
            cliente_dom.pais ==         $('#pais_r1').val() &&
            cliente_dom.codigo_postal ==$('#codigo_postal_r1').val()){
                console.log('ref 1');
                return true;
            }

        if( cliente_dom.calle ==        $('#calle_r2').val() &&
            cliente_dom.num_ext ==      $('#num_ext_r2').val() &&
            cliente_dom.num_int ==      $('#num_int_r2').val() &&
            cliente_dom.colonia ==      $('#colonia_r2').val() &&
            cliente_dom.ciudad ==       $('#ciudad_r2').val() &&
            cliente_dom.municipio ==    $('#municipio_r2').val() &&
            cliente_dom.estado ==       $('#estado_r2').val() &
            cliente_dom.otra_colonia == $('#otra_colonia_r2').val() &&
            cliente_dom.pais ==         $('#pais_r2').val() &&
            cliente_dom.codigo_postal ==$('#codigo_postal_r2').val()){
            console.log('ref 2');
            return true;
        }

        if( cliente_dom.calle ==        $('#calle_r3').val() &&
            cliente_dom.num_ext ==      $('#num_ext_r3').val() &&
            cliente_dom.num_int ==      $('#num_int_r3').val() &&
            cliente_dom.colonia ==      $('#colonia_r3').val() &&
            cliente_dom.ciudad ==       $('#ciudad_r3').val() &&
            cliente_dom.municipio ==    $('#municipio_r3').val() &&
            cliente_dom.estado ==       $('#estado_r3').val() &
            cliente_dom.otra_colonia == $('#otra_colonia_r3').val() &&
            cliente_dom.pais ==         $('#pais_r3').val() &&
            cliente_dom.codigo_postal ==$('#codigo_postal_r3').val()){
            console.log('aval');
            return true;
        }

        console.log('regresa falso');
        return false;
    }

</script>

@endsection