@extends('layouts.app')

@section('css')
<style>
    .select2-search__field {
        background: #fff !important;
    }

    /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
    #map {
        height: 100%;
    }

    /* Optional: Makes the sample page fill the window. */
    html,
    body {
        height: 100%;
        margin: 0;
        padding: 0;
    }

    #floating-panel {
        position: absolute;
        top: 10px;
        left: 25%;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #999;
        text-align: center;
        font-family: 'Roboto', 'sans-serif';
        line-height: 30px;
        padding-left: 10px;
    }

    @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;
        }
    }
    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        color: #a6a6a6;
    }
</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>
        <div class="col-md-2 col-12 text-center pasos activo"><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: 40%" aria-valuenow="40" aria-valuemin="0"
            aria-valuemax="100"></div>
    </div>
    <br>
    <header>
        <h2>
            2. Datos del domicilio
        </h2>
        <div class="d-flex justify-content-between align-items-center">
            <p class="mb-0 text-muted fw-semi-bold">El asistente te guiará 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_paso2', 'class' => 'form-horizontal','files' => true,'id' =>
        'formulario']) !!}
        @include('solicituds.paso2_fields')
        {!! 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 geolocalización no se pudo hacer valide su dirección.</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="{{asset('template')}}/bower_components/switchery/dist/switchery.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>

<script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBJbTMP8E3BsELladjthmRyyYu5y3KbHPs&callback=initMap">
</script>
<!-- libreria interna de validación -->
<script src="{!! asset('js') !!}/validaciones.js"></script>

<script>
    var cobranza = new Switchery(document.getElementById('checkDomicilioCobranza'), {
        color: '#009975',
        secondaryColor: '#ccc',
        jackColor: '#fff',
        jackSecondaryColor: '#fff'
    });

    var existente = new Switchery(document.getElementById('check-domicilio-existente'), {
        color: '#009975',
        secondaryColor: '#ccc',
        jackColor: '#fff',
        jackSecondaryColor: '#fff'
    });

    

    existente.setPosition(true);

    var sepomex_array = [];
    var cliente = ;
    var domicilio_casa = 0;
    var domicilio_cobranza = 0;
    var map;
    var geocoder;
    var primera_carga = 0;
    var primera_carga_cobranza = 0;
    var url_base = '{!! url("/") !!}';
    var data_existente = [];
    var balance_por_domicilio = 0;

    $(document).ready(function() {

        if (domicilio_casa != 0) {

            if(domicilio_casa.codigo_postal != null && domicilio_casa.codigo_postal != ''){
                armar_select_colonias(domicilio_casa.codigo_postal, $('#colonia'), 0);
            }

            $('#otra_colonia').val(domicilio_casa.otra_colonia);
            $('#codigo_postal').val(domicilio_casa.codigo_postal);
            $('#tipo_asentamiento_des').val(domicilio_casa.tipo_asentamiento);
            $('#tipo_asentamiento').val(domicilio_casa.tipo_asentamiento);
            $('#ciudad_des').val(domicilio_casa.ciudad);
            $('#ciudad').val(domicilio_casa.ciudad);
            $('#municipio_des').val(domicilio_casa.municipio);
            $('#municipio').val(domicilio_casa.municipio)
            $('#estado_des').val(domicilio_casa.estado);
            $('#estado').val(domicilio_casa.estado);
            $('#pais_des').val(domicilio_casa.pais);
            $('#pais').val(domicilio_casa.pais);

            $('#tipo_domicilio').val(0);
            if(domicilio_casa.tipo_domicilio != null && domicilio_casa.tipo_domicilio != ''){
                $('#tipo_domicilio').val(domicilio_casa.tipo_domicilio);
            }
            $('#tiempo_viviendo_anios').val(0);
            if(domicilio_casa.tiempo_viviendo_anios != null && domicilio_casa.tiempo_viviendo_anios != ''){
                $('#tiempo_viviendo_anios').val(domicilio_casa.tiempo_viviendo_anios);
            }

            if (domicilio_casa.tiempo_viviendo_anios == 'Más de 10 Años') {
                $('#contenedor-tiempo_viviendo_meses').hide();
            }

            $('#tiempo_viviendo_meses').val(0);
            if(domicilio_casa.tiempo_viviendo_meses != null && domicilio_casa.tiempo_viviendo_meses != ''){
                $('#tiempo_viviendo_meses').val(domicilio_casa.tiempo_viviendo_meses);
            }


            $('#tipo_domicilio').selectpicker('refresh');
            $('#tiempo_viviendo_anios').selectpicker('refresh');
            $('#tiempo_viviendo_meses').selectpicker('refresh');


            $('#vive_con').val();

            if (domicilio_casa.colonia == -1) {
                $('#contenedor-otra_colonia').show();
            }

            if (cliente.cobranza_id === cliente.domicilio_id) {
                $('.switchery').trigger('click');
                $('#direccion_cobranza-contenedor').hide();
            } else {
                if(domicilio_cobranza.codigo_postal != null && domicilio_cobranza.codigo_postal != ''){
                    armar_select_colonias(domicilio_cobranza.codigo_postal, $('#colonia_cobranza'), 1);
                }

                $('#otra_colonia_cobranza').val(domicilio_cobranza.otra_colonia);
                $('#codigo_postal_cobranza').val(domicilio_cobranza.codigo_postal);
                $('#tipo_asentamiento_cobranza_des').val(domicilio_cobranza.tipo_asentamiento);
                $('#tipo_asentamiento_cobranza').val(domicilio_cobranza.tipo_asentamiento);
                $('#ciudad_cobranza_des').val(domicilio_cobranza.ciudad);
                $('#ciudad_cobranza').val(domicilio_cobranza.ciudad);
                $('#municipio_cobranza_des').val(domicilio_cobranza.municipio);
                $('#municipio_cobranza').val(domicilio_cobranza.municipio)
                $('#estado_cobranza_des').val(domicilio_cobranza.estado);
                $('#estado_cobranza').val(domicilio_cobranza.estado);
                $('#pais_cobranza_des').val(domicilio_cobranza.pais);
                $('#pais_cobranza').val(domicilio_cobranza.pais);

                if (domicilio_cobranza.colonia == -1) {
                    $('#contenedor-otra_colonia_cobranza').show();
                }
            }

            var lat = domicilio_casa.lat;
            var lng = domicilio_casa.lng;

            // updateMap(lat, lng);
        }

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

        $('#codigo_postal').on('focusout', function(e) {
            e.preventDefault();
            if (validar_numero('#codigo_postal', '#codigo_postal-mensaje', 01000, 99999)) {
                $('#contenedor-otra_colonia').hide();
                armar_select_colonias($(this).val(), $('#colonia'), 0);
            }
        });

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

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

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

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

            $('#tipo_asentamiento').val(sepomex_array[0][id_seleccion].response.tipo_asentamiento);
            $('#ciudad').val(sepomex_array[0][id_seleccion].response.ciudad);
            $('#estado').val(sepomex_array[0][id_seleccion].response.estado);
            $('#municipio').val(sepomex_array[0][id_seleccion].response.municipio);
            $('#pais').val(sepomex_array[0][id_seleccion].response.pais);
            $('#tipo_asentamiento_des').val(sepomex_array[0][id_seleccion].response.tipo_asentamiento);
            $('#ciudad_des').val(sepomex_array[0][id_seleccion].response.ciudad);
            $('#estado_des').val(sepomex_array[0][id_seleccion].response.estado);
            $('#municipio_des').val(sepomex_array[0][id_seleccion].response.municipio);
            $('#pais_des').val(sepomex_array[0][id_seleccion].response.pais);

            // implementacion de google_maps
            var address = $('#calle').val() + ' ' +
                $('#num_ext').val() + ' ' +
                (($('#num_int').val() != '') ? 'int ' + $('#num_int').val() : '') + ' ' +
                $('#tipo_asentamiento').val() + ' ' +
                $(this).val() + ', ' +
                $('#ciudad').val() + ', ' +
                $('#municipio').val() + ', ' +
                $('#estado').val() + ', ' +
                $('#pais').val();

            var geocoder = new google.maps.Geocoder();
            console.log(geocoder);
            console.log(address);

            geocodeAddress(geocoder, map, address);

            $('#contenedor-mapa').show();
        });

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

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

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

            $('#ciudad_cobranza').val(sepomex_array[1][id_seleccion].response.ciudad);
            $('#estado_cobranza').val(sepomex_array[1][id_seleccion].response.estado);
            $('#municipio_cobranza').val(sepomex_array[1][id_seleccion].response.municipio);
            $('#pais_cobranza').val(sepomex_array[1][id_seleccion].response.pais);
            $('#tipo_asentamiento_cobranza_des').val(sepomex_array[1][id_seleccion].response.tipo_asentamiento);
            $('#ciudad_cobranza_des').val(sepomex_array[1][id_seleccion].response.ciudad);
            $('#estado_cobranza_des').val(sepomex_array[1][id_seleccion].response.estado);
            $('#municipio_cobranza_des').val(sepomex_array[1][id_seleccion].response.municipio);
            $('#pais_cobranza_des').val(sepomex_array[1][id_seleccion].response.pais);
        });

        $('#checkDomicilioCobranza').on('change', function() {
            if ($('#checkDomicilioCobranza').prop('checked')) {
                $('#direccion_cobranza-contenedor').hide();
            } else {
                $('#direccion_cobranza-contenedor').show();
            }
        });

        $('#tiempo_viviendo_anios').on('change', function() {
            if ($(this).val() == 'Más de 10 Años') {
                $('#contenedor-tiempo_viviendo_meses').hide();
            } else {
                $('#contenedor-tiempo_viviendo_meses').show();
            }
        });

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

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

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


        if ($('#check-domicilio-existente').is(':checked')) {
                $('#contenedor-domicilio-existente').show();
        }
       
        $('#check-domicilio-existente').on('change', function() {
            if ($(this).prop('checked')) {
                $('#contenedor-domicilio-existente').show();
            } else {
                $('#contenedor-domicilio-existente').hide();
            }
        });

        $('#codigo_postal_existente').on('focusout', function(e) {
            e.preventDefault();
            // if (validar_numero('#codigo_postal_existente', '#codigo_postal_existente-mensaje', 1000, 99999)) {
            //     armar_select_colonias_internas($(this).val(), $('#colonia_existente'), 0);
            //     console.log('appas');

            // }
        });


        $('#colonia_existente').on('change', function() {
            console.log('Entro?,,');

            armar_listado($(this).val());
        });

        // validaciones
        $("form").submit(function(e) {
            e.preventDefault();
            if (domicilio_casa != 0){

                var url = url_base + '/api/balance_domicilio/' + domicilio_casa.id;
                console.log(url);
                //FIXME: Lanzar modal para avisar que se esta consultando datos
                $.get(url, function(data) {
                    //FIXME: cerrar modal que avisa que se consultan datos
                    console.log(data);
                    balance_por_domicilio = data.data.total;
                    aplicar_validaciones(e);
                });
            }else{
                aplicar_validaciones(e);
            }
        });

        $('#busqueda').on('change',function(){
              if($(this).val() == 'curp'){
                $('#codigo-domicilio-existente').hide();
                $('#curp-domicilio-existente').show();
              }
              else if($(this).val() == 'codigo'){
                $('#codigo-domicilio-existente').show();
                $('#curp-domicilio-existente').hide();
              }else{
                $('#codigo-domicilio-existente').hide();
                $('#curp-domicilio-existente').hide();
              }
        });


        $('#btnSearch').on('click', function(){
            let ruta = url_base;
            if(   $('#busqueda').val() == 'curp'){
                 let curp = $('#curp').val()
                 ruta += '/api/getDomiciliosCurp/' + curp;
            }
            else if(  $('#busqueda').val() == 'codigo'){
                let codigo = $('#codigo_postal_existente').val()
                ruta += '/api/getDomiciliosCodigo/' + codigo;
            }else{
                ruta = 'No'
            }

            console.log(ruta);

            if(ruta != 'No'){
                $.get( ruta, function( data ) {
                    console.log(data);
                    let listaUsuarios = armarListadoUsuarios(data.data);
                    $('#lista_direcciones').html(listaUsuarios);
                  })
                  .fail(function() {
                    $('#lista_direcciones').html('No tenemos recultados de la busqueda');
                  });
            }

        });
    }); //FIN DOCUMENT READY

    function armarListadoUsuarios(data){
        let lista =  '';

        for (var i = 0; i < data.length; i++){
            console.log(data[i]);
            lista += '<div class="col-md-12  class_border"><input type="radio" class="pago_oficina" name="radio_element" onchange="clickRadio(this);" value="'+ data[i].id  +'" data-domicilio="'+ data[i].id  +'" style="margin-left:-13px; "><label class="labels" style="margin:25px 5px 0">Nombre:</label><br><h5 class="fw-normal" >'+ data[i].user.name +' '+data[i].user.a_paterno +' '+ data[i].user.a_materno +'</h5></div></li>';
        }

        return lista;
    }

    function clickRadio(id){
        console.log(id);
        if (id.checked == true) {
            let domicilio_id = $(id).data('domicilio');
            console.log(domicilio_id);
            $('#domicilio_existente_id').val( domicilio_id );
        }else{
            $('#domicilio_existente_id').val(0);
        }
    }

    function armar_listado(colonia) {
        var data_local = data_existente;
        if (data_local.length > 0) {
            var lista = '<div class="bd-example" data-example-id=""><ul class="list-group bmd-list-group-sm">';
            for (let index = 0; index < data_local.length; index++) {
                var colonia_local = data_local[index].domicilios.colonia;
                var domicilio_id = data_local[index].domicilios.id;
                var domicilio = data_local[index].domicilios;
                var prestamos = data_local[index].prestamos;


                var lista_item = '';
                if (colonia_local == -1) {
                    colonia_local = data_local[index].domicilios.otra_colonia;
                }

                console.log('--- validacion de colonias -----');
                console.log('colonia select ' + colonia);
                console.log('colonia local ' + colonia_local);

                if (colonia_local === colonia) {
                    console.log(colonia_local);
                    //lista += '<a href="#" class="list-group-item text-ellipsis">' + colonia_local + '</a>';
                    lista_item += '<div class="form-check abc-radio abc-radio-danger"><input class="form-check-input" type="radio" name="radio2" id="radio' + index + '" value="' + domicilio_id + '">';
                    lista_item += '<label class="form-check-label" for="radio' + index + '"> ' + domicilio.calle + ' ' + domicilio.num_int + ' ' + domicilio.num_ext + ' ' + colonia_local + ' ' + domicilio.municipio + ' ' + domicilio.estado + '</label>';
                    lista_item += '</div>';

                    lista += '<a class="list-group-item"><div class="bmd-list-group-col"><p class="list-group-item-heading">' + lista_item + '</p><p class="list-group-item-text">Prestamo(s) ligados a este domicilio: ' + ((prestamos.length > 0) ? prestamos[0].id : 0) + '</p></div></a>';
                }

            } // fin for
            lista += '</ul></div>';
            $('#lista').html(lista);
        }
    }

    function armar_select_colonias_internas(cp, select_colonia) {
        console.log('vamos a validar el cp existente');
        console.log(cp);

        var url = url_base + '/api/clientes/domicilios/' + cp;

        $.get(url, '').done(function(data) {
            console.log('data');
            console.log(data);
            var data = data.data;
            data_existente = 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];
                var colonia = data[index].domicilios.colonia

                if (colonia == -1) {
                    colonia = data[index].domicilios.otra_colonia;
                }

                option_colonia += '<option value="' + colonia + '">' + colonia + '</option>';
            }

            select_colonia.html(option_colonia);
            select_colonia.val(0);
            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 initMap() {
        @if($domicilio_casa != NULL)
            @if($domicilio_casa->lat != NULL)
                var lat = {{ $domicilio_casa->lat }};
            @else
                var lat = 19.0453007;
            @endif
            @if($domicilio_casa->lng != NULL)
                var lng = {{ $domicilio_casa->lng }};
            @else
                var lng = -98.2048658;
            @endif
        @else
        var lat = 19.0453007;
        var lng = -98.2048658;
        @endif
        console.log('hola he',lat,lng);

        map = new google.maps.Map(document.getElementById('map'), {
            zoom: 19,
            center: {
                lat: lat,
                lng: lng
            }
        });

        var marker = new google.maps.Marker({
            map: map,
            position: new google.maps.LatLng(lat, lng),
        });
    }

    function geocodeAddress(geocoder, resultsMap, address) {
        //var address = document.getElementById('address').value;

        geocoder.geocode({
            'address': address
        }, function(results, status) {
            if (status === 'OK') {
                resultsMap.setCenter(results[0].geometry.location);
                console.log(results);
                console.log(results[0].geometry.location.lat());
                console.log(results[0].geometry.location.lng());

                $('#lat').val(results[0].geometry.location.lat());
                $('#lng').val(results[0].geometry.location.lng());

                var marker = new google.maps.Marker({
                    map: resultsMap,
                    position: results[0].geometry.location,
                    draggable: true
                });

                marker.addListener('dragend', function(event) {
                    document.getElementById("lat").value = this.getPosition().lat().toFixed(6);
                    document.getElementById("lng").value = this.getPosition().lng().toFixed(6);
                });
            } else {
                //alert('La geolocalización no se pudo hacer por la siguiente razón: ' + status);
                //exampleModal
                $('#exampleModal').modal('show');
            }
        });
    }

    function updateEstados(nombre_estado) {
        $('#estadoSelect').selectpicker('refresh');
        $('#estadoSelect').val(nombre_estado);
        $('#estadoSelect').selectpicker('refresh');
    }

    function updateMunicipio(nombre_municipio) {
        estados.forEach(element => {
            if (element.name == $("#estadoSelect").val()) {
                estado_id = element.id;
            }
        });
        $('#municipioSelect').selectpicker('refresh');
        $("#municipioSelect").html();
        $("#municipioSelect").html('<option class="dropdown-item" value="0">Selecciona un municipio</option>');
        municipios.forEach(element => {
            if (element.state_id == estado_id) {
                if (element.name == nombre_municipio) {
                    $("#municipioSelect").append(
                        '<option selected value="' + element.name + '">' + element.name + '</option>'
                    )
                } else {
                    '<option value="' + element.name + '">' + element.name + '</option>'
                }
            }
        });
        $('#municipioSelect').selectpicker('refresh');
    }

    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: '',
            }
        }


    }

    $.ajax({
        url: "{!! asset('json/estados.json') !!}",
        type: 'GET',
        dataType: "json"
    }).done(function(data) {
        estados_cobranza = data;
        $('#estadoSelect_cobranza').selectpicker('refresh');
        $("#estadoSelect_cobranza").html();
        $("#estadoSelect_cobranza").html('<option class="dropdown-item" value="0">Selecciona un estado</option>');
        data.forEach(element => {
            $("#estadoSelect_cobranza").append('<option class="dropdown-item" value="' + element.name + '">' + element.name + '</option> ');
        });
        $('#estadoSelect_cobranza').selectpicker('refresh');
    });

    $.ajax({
        url: "{!! asset('json/municipios.json') !!}",
        type: 'GET',
        dataType: "json"
    }).done(function(data) {
        municipios_cobranza = data;
        $('#municipioSelect_cobranza').selectpicker('refresh');
        $("#municipioSelect_cobranza").html();
        $("#municipioSelect_cobranza").html('<option class="dropdown-item" value="0">Selecciona un municipio</option>');
        $('#municipioSelect_cobranza').selectpicker('refresh');
    });

    $("#estadoSelect_cobranza").change(function() {
        estados.forEach(element => {
            if (element.name == $("#estadoSelect_cobranza").val()) {
                estado_id = element.id;
            }
        });
        $('#municipioSelect_cobranza').selectpicker('refresh');
        $("#municipioSelect_cobranza").html();
        $("#municipioSelect_cobranza").html('<option class="dropdown-item" value="0">Selecciona un municipio</option>');
        municipios.forEach(element => {
            if (element.state_id == estado_id) {
                $("#municipioSelect_cobranza").append(
                    '<option value="' + element.name + '">' + element.name + '</option>'
                )
            }
        });
        $('#municipioSelect_cobranza').selectpicker('refresh');
    });

    $("#checkDomicilioCobranza").click(function() {
        if ($('#checkDomicilioCobranza').prop('checked')) {
            $("input[name='calle_cobranza']").val($("input[name='calle']").val());
            $("input[name='num_ext_cobranza']").val($("input[name='num_ext']").val());
            $("input[name='num_int_cobranza']").val($("input[name='num_int']").val());
            $("input[name='colonia_cobranza']").val($("input[name='colonia']").val());
            $("input[name='codigo_postal_cobranza']").val($("input[name='codigo_postal']").val());
            $("input[name='ciudad_cobranza']").val($("input[name='ciudad']").val());
        } else {
            $("input[name='calle_cobranza']").val('');
            $("input[name='num_ext_cobranza']").val('');
            $("input[name='num_int_cobranza']").val('');
            $("input[name='colonia_cobranza']").val('');
            $("input[name='codigo_postal_cobranza']").val('');
            $("input[name='ciudad_cobranza']").val('');
        }
    });

    function aplicar_validaciones(event) {
        console.log('empezamos a validar');
        var validacion = true;
        var validacion_id = '';
            if ($('#check-domicilio-existente').prop('checked')) {
                if (!validar_texto('#domicilio_existente_id', '#domicilio_existente_id-mensaje', 1, 100)) {
                    if(validacion)
                    {
                        validacion_id = '#check-domicilio-existente';
                    }
                    validacion = false;
                    console.log('direccion existente');
                }
            }


            if (!validar_numero('#codigo_postal', '#codigo_postal-mensaje', 01000, 99999)) {
                if(validacion)
                {
                    validacion_id = '#codigo_postal';
                }
                validacion = false;
                console.log('no valido cp');
            }

            if (!validar_seleccion('#colonia', '#colonia-mensaje')) {
                if(validacion)
                {
                    validacion_id = '#colonia';
                }
                validacion = false;
                console.log('no valido col');
            }
            if (!validar_texto('#calle', '#calle-mensaje', 3, 50)) {
                if(validacion)
                {
                    validacion_id = '#calle';
                }
                validacion = false;
                console.log('no valido call');
            }else{

            }
            if (!validar_texto('#num_ext', '#num_ext-mensaje', 1, 50)) {
                if(validacion)
                {
                    validacion_id = '#num_ext';
                }
                validacion = false;
                console.log('no valido nume');
            }
            // if ($('#tiempo_viviendo_anios').val() != 'Más de 10 Años') {
            //     if (!validar_seleccion('#tiempo_viviendo_meses', '#tiempo_viviendo_meses-mensaje')) {
            //         validacion = false;
            //         console.log('no valido numi');
            //     }
            // }
            if (!validar_seleccion('#tiempo_viviendo_anios', '#tiempo_viviendo_anios-mensaje')) {
                if(validacion)
                {
                    validacion_id = '#tiempo_viviendo_anios';
                }
                validacion = false;
                console.log('no valido tiem');
            }
            // if (!validar_texto('#vive_con', '#vive_con-mensaje', 3, 50)) {
            //     validacion = false;
            //     console.log('no valido vive');
            // }
            if (!validar_seleccion('#tipo_domicilio', '#tipo_domicilio-mensaje')) {
                if(validacion)
                {
                    validacion_id = '#tipo_domicilio';
                }
                validacion = false;
                console.log('no valido tipodom');
            }
        // campos variables dependiendo del check

        if (!$('#checkDomicilioCobranza').prop('checked')) {
            if (!validar_numero('#codigo_postal_cobranza', '#codigo_postal_cobranza-mensaje', 01000, 99999)) {
                if(validacion)
                {
                    validacion_id = '#checkDomicilioCobranza';
                }
                validacion = false;
                console.log('no valido cpc');
            }
            if (!validar_seleccion('#colonia_cobranza', '#colonia_cobranza-mensaje')) {
                if(validacion)
                {
                    validacion_id = '#colonia_cobranza';
                }
                validacion = false;
                console.log('no valido colc');
            }
            if (!validar_texto('#calle_cobranza', '#calle_cobranza-mensaje', 3, 50)) {
                if(validacion)
                {
                    validacion_id = '#calle_cobranza';
                }
                validacion = false;
                console.log('no valido calc');
            }
            if (!validar_texto('#num_ext_cobranza', '#num_ext_cobranza-mensaje', 1, 50)) {
                if(validacion)
                {
                    validacion_id = '#num_ext_cobranza';
                }
                validacion = false;
                console.log('no valido numec');
            }
        }

        if (validacion) {
        //FIXME: hacer que el valor limite del balace sea variable
            if (balance_por_domicilio > 100000) {
                validacion = false;

                Swal.fire({
                    position: 'top-middle',
                    icon: 'error',
                    title: 'El monto acumulado en el domicilio es mayor al aceptable por nuestras politicas.',
                    showConfirmButton: true,
                })
            } else {

                Swal.fire({
                    position: 'top-middle',
                    icon: 'success',
                    title: 'El monto acumulado en el domicilio es aceptable, da click en el botón ok para continuar',
                    showConfirmButton: true,
                }).then((result) => {
                    if (result.value) {
                            $(".loader-wrap").removeClass('hiding hide');
                            event.target.submit();
                        }

                })
            }
        }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 (domicilio_casa != 0 && s == 0 && primera_carga == 0) {
                // select_colonia.val(domicilio_casa.colonia);
                select_colonia.val(domicilio_casa.colonia);
                primera_carga = 1;
            }

            if (domicilio_cobranza != 0 && s == 1 && primera_carga_cobranza == 0) {
                select_colonia.val(domicilio_cobranza.colonia);
                primera_carga_cobranza = 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,
            })
        });
    }
</script>

@endsection