@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>
        <div class="col-md-2 col-12 text-center pasos activo"><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: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
    </div>
    <br>
    <header>
        <h2>
            3. Datos laborales
        </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_paso3', 'class' => 'form-horizontal','files' => true]) !!}
        @include('solicituds.paso3_fields')
        {!! 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('template')}}/bower_components/switchery/dist/switchery.min.js"></script>
<script src="{!! asset('js') !!}/validaciones.js"></script>

<script>
    new Switchery(document.getElementById('checkDomicilio'), {
        color: '#009975',
        secondaryColor: '#c81d11',
        jackColor: '#fff',
        jackSecondaryColor: '#fff'
    });

    var estados = '';
    var municipios = '';
    var estado_id = '';
    var estados_empresa = '';
    var municipios_empresa = '';
    var estado_id_empresa = '';
    var sepomex_array = [];
    var cliente = 0;
    console.log(cliente);
    var domicilio_laboral = 0;
    console.log(domicilio_laboral);

    $(document).ready(function() {


        $('#tipo_empleo').val((cliente.tipo_empleo != null) ? cliente.tipo_empleo : 0);

        if(cliente.tipo_empleo == 'Otro'){
            $('#tipo_empleo_otro-contenedor').show();
            $('#tipo_empleo_otro').val(cliente.tipo_empleo_otro);
        }

        if(cliente.tipo_empleo == 'Negocio propio'){
            $('#negocio_propio-contenedor').show();
            $('#negocio_propio').val(cliente.negocio_propio);
        }

        $('#antiguedad_anios').val((cliente.antiguedad_anios != null) ? cliente.antiguedad_anios : 0);
        $('#antiguedad_meses').val((cliente.antiguedad_meses != null) ? cliente.antiguedad_meses : 0);
        if (cliente.antiguedad_anios === 'Más de 10 Años') {
            $('#contenedor-antiguedad_meses').hide();
        }

        $('#ocupacion').val((cliente.ocupacion != null) ? cliente.ocupacion : 0);

        if(cliente.ocupacion == 'Otro'){
            $('#ocupacion_otro').show();
            $('#ocupacion_otro').val(cliente.ocupacion_otro);
        }
        $('#periodicidad_ingresos').val((cliente.periodicidad_ingresos != null) ? cliente.periodicidad_ingresos : 0);
        if(cliente.periodicidad_ingresos == 'Otro'){
            $('#periodicidad_ingresos_otro').show();
            $('#periodicidad_ingresos_otro').val(cliente.periodicidad_ingresos_otro);
        }

        $('#tipo_empleo').selectpicker('refresh');
        $('#antiguedad_anios').selectpicker('refresh');
        $('#antiguedad_meses').selectpicker('refresh');
        $('#ocupacion').selectpicker('refresh');
        $('#periodicidad_ingresos').selectpicker('refresh');



        if (cliente.laboral_id === cliente.domicilio_id) {
            $('.switchery').trigger('click');
            $('#direccion_laboral-contenedor').hide();
        } else {
            if (domicilio_laboral != 0) {
                armar_select_colonias(domicilio_laboral.codigo_postal, $('#colonia'), 0);

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

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

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

        getEstados($('#estadoSelect'));
        getMunicipios();

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

                    return false;
                }
            });
        });

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

        $('#colonia').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[0][id_seleccion].response.tipo_asentamiento);
                $('#contenedor-otra_colonia_cobranza').hide();
            }

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

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

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

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

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

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

        $('#periodicidad_ingresos').on('change', function() {
            if ($(this).val() == 'Otro') {
                $('#periodicidad_ingresos_otro').show();
            } else {
                $('#periodicidad_ingresos_otro').hide();
            }
        });

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

            if ($(this).val() == 'Otro') {
                $('#ocupacion_otro').show();
            } else {
                $('#ocupacion_otro').hide();
            }
        });

        $('#tipo_empleo').on('change', function() {
            if ($(this).val() == 'Otro') {
                $('#negocio_propio-contenedor').hide()
                $('#tipo_empleo_otro-contenedor').show()
                $("#ocupacion-contenedor").hide();
            }
            else if ($(this).val() == 'Negocio propio') {
                $('#negocio_propio-contenedor').show()
                $('#tipo_empleo_otro-contenedor').hide()
                $("ocupacion-contenedor").hide();
            }
            else if( $(this).val() == 'Empleado medio tiempo' || $(this).val() == 'Empleado tiempo completo'){
                $('#negocio_propio-contenedor').hide()
                $('#tipo_empleo_otro-contenedor').hide()
                $("#ocupacion-contenedor").show();
            }
            else {
                $('#tipo_empleo_otro-contenedor').hide();
                $('#negocio_propio-contenedor').hide();
                $("#ocupacion-contenedor").hide();
            }
        });


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

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

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

    //conseguir estados de México
    // params: div:select
    function getEstados(estadosDiv) {
        $.ajax({
            url: "http://datamx.io/dataset/73b08ca8-e955-4ea5-a206-ee618e26f081/resource/9c5e8302-221c-46f2-b9f7-0a93cbe5365b/download/estados.json",
            type: 'GET',
            dataType: "json"
        }).done(function(data) {
            estados = data;
            estadosDiv.selectpicker('refresh');
            estadosDiv.html();
            estadosDiv.html('<option class="dropdown-item" value="0">Selecciona un estado</option>');
            data.forEach(element => {
                estadosDiv.append('<option class="dropdown-item" value="' + element.name + '">' + element.name + '</option> ');
            });
            estadosDiv.selectpicker('refresh');
        });
    }

    function getMunicipios() {
        $.ajax({
            url: "http://datamx.io/dataset/319a8368-416c-4fe6-b683-39cf4d58b360/resource/829a7efd-3be9-4948-aa1b-896d1ee12979/download/municipios.json",
            type: 'GET',
            dataType: "json"
        }).done(function(data) {
            municipios = data;
            $('#municipioSelect').selectpicker('refresh');
            $("#municipioSelect").html();
            $("#municipioSelect").html('<option class="dropdown-item" value="0">Selecciona un municipio</option>');
            $('#municipioSelect').selectpicker('refresh');
        });
    }

    $("#estadoSelect").change(function() {
        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) {
                $("#municipioSelect").append(
                    '<option value="' + element.name + '">' + element.name + '</option>'
                )
            }
        });
        $('#municipioSelect').selectpicker('refresh');
    });

    $(".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 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_empresa = data;
        $('#estadoSelect_empresa').selectpicker('refresh');
        $("#estadoSelect_empresa").html();
        $("#estadoSelect_empresa").html('<option class="dropdown-item" value="0">Selecciona un estado</option>');
        data.forEach(element => {
            $("#estadoSelect_empresa").append('<option class="dropdown-item" value="' + element.name + '">' + element.name + '</option> ');
        });
        $('#estadoSelect_empresa').selectpicker('refresh');
    });

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

    $("#estadoSelect_empresa").change(function() {
        estados.forEach(element => {
            if (element.name == $("#estadoSelect_empresa").val()) {
                estado_id = element.id;
            }
        });
        $('#municipioSelect_empresa').selectpicker('refresh');
        $("#municipioSelect_empresa").html();
        $("#municipioSelect_empresa").html('<option class="dropdown-item" value="0">Selecciona un municipio</option>');
        municipios.forEach(element => {
            if (element.state_id == estado_id) {
                $("#municipioSelect_empresa").append(
                    '<option value="' + element.name + '">' + element.name + '</option>'
                )
            }
        });
        $('#municipioSelect_empresa').selectpicker('refresh');
    });
    //---
    $("#checkDomicilio").click(function() {
        if ($('#checkDomicilio').prop('checked')) {
            $("input[name='calle_empresa']").val($("input[name='calle']").val());
            $("input[name='num_ext_empresa']").val($("input[name='num_ext']").val());
            $("input[name='num_int_empresa']").val($("input[name='num_int']").val());
            $("input[name='colonia_empresa']").val($("input[name='colonia']").val());
            $("input[name='codigo_postal_empresa']").val($("input[name='codigo_postal']").val());
            $("input[name='telefono_empresa']").val($("input[name='telefono']").val());
            $("input[name='telefono_casa_empresa']").val($("input[name='telefono_casa']").val());
        } else {
            $("input[name='calle_empresa']").val('');
            $("input[name='num_ext_empresa']").val('');
            $("input[name='num_int_empresa']").val('');
            $("input[name='colonia_empresa']").val('');
            $("input[name='codigo_postal_empresa']").val('');
            $("input[name='telefono_empresa']").val('');
            $("input[name='telefono_casa_empresa']").val('');
        }
    });

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

        if (!validar_seleccion('#tipo_empleo', '#tipo_empleo-mensaje')) {
            if(validacion)
            {
                validacion_id = '#tipo_empleo';
            }
            validacion = false;
        }

        if (!validar_seleccion('#periodicidad_ingresos', '#periodicidad_ingresos-mensaje')) {
            if(validacion)
            {
                validacion_id = '#periodicidad_ingresos';
            }
            validacion = false;
        }

        // if (!validar_seleccion('#antiguedad_anios', '#antiguedad_anios-mensaje')) {
        //     validacion = false;
        // }

        if($('#antiguedad_anios').val() == 0 && $("#antiguedad_meses").val() == 0)
        {
            if (!validar_seleccion('#antiguedad_meses', '#antiguedad_meses-mensaje')) {
                if(validacion)
                {
                    validacion_id = '#antiguedad_meses';
                }
                validacion = false;
            }
        }else if($('#antiguedad_anios').val() != 0){
            $("#antiguedad_anios-mensaje").hide();
            $("#antiguedad_meses-mensaje").hide();
        }
        // else if($('#antiguedad_anios').val() == 0)
        // {
        //     if (!validar_seleccion('#antiguedad_meses', '#antiguedad_meses-mensaje')) {
        //         validacion = false;
        //     }
        //     // if ($('#antiguedad_anios').val() != 'Más de 10 Años') {

        //     // }
        // }

        if (!validar_texto('#telefono_empresa', '#telefono_empresa-mensaje', 10, 50)) {
            if(validacion)
            {
                validacion_id = '#telefono_empresa';
            }
            validacion = false;
        }

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

        if ($('#tipo_empleo').val() == 'Otro') {
            if (!validar_texto('#tipo_empleo_otro', '#tipo_empleo_otro-mensaje', 3, 50)) {
                if(validacion)
                {
                    validacion_id = '#tipo_empleo_otro';
                }
                validacion = false;
            }
        }
        else if ($('#tipo_empleo').val() == 'Negocio propio'){
            if (!validar_texto('#negocio_propio', '#negocio_propio-mensaje', 3, 50)) {
                if(validacion)
                {
                    validacion_id = '#negocio_propio';
                }
                validacion = false;
            }
        }
        else if ($('#tipo_empleo').val() == 'Empleado medio tiempo' || $('#tipo_empleo').val()== 'Empleado tiempo completo'){
            if (!validar_seleccion('#ocupacion', '#ocupacion-mensaje')) {
                if(validacion)
                {
                    validacion_id = '#ocupacion';
                }
                validacion = false;
            }
        }

        if ($('#periodicidad_ingresos').val() == 'Otro') {
            if (!validar_texto('#periodicidad_ingresos_otro', '#periodicidad_ingresos_otro-mensaje', 3, 50)) {
                if(validacion)
                {
                    validacion_id = '#periodicidad_ingresos_otro';
                }
                validacion = false;
            }
        }

        if ($('#ocupacion').val() == 'Otro') {
            if (!validar_texto('#ocupacion_otro', '#ocupacion_otro-mensaje', 3, 50)) {
                if(validacion)
                {
                    validacion_id = '#ocupacion_otro';
                }
                validacion = false;
            }
        }

        if (!$('#checkDomicilio').prop('checked')) {
            if (!validar_numero('#codigo_postal', '#codigo_postal-mensaje', 01000, 99999)) {
                if(validacion)
                {
                    validacion_id = '#codigo_postal';
                }
                validacion = false;
            }
            if (!validar_seleccion('#colonia', '#colonia-mensaje')) {
                if(validacion)
                {
                    validacion_id = '#colonia';
                }
                validacion = false;
            }
            if (!validar_texto('#calle', '#calle-mensaje', 3, 50)) {
                if(validacion)
                {
                    validacion_id = '#calle';
                }
                validacion = false;
            }
            if (!validar_texto('#num_ext', '#num_ext-mensaje', 1, 50)) {
                if(validacion)
                {
                    validacion_id = '#num_ext';
                }
                validacion = false;
            }
        }

        if (validacion) {
            $(".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);

            if (domicilio_laboral != 0 && s == 0) {
                select_colonia.val(domicilio_laboral.colonia);
            }

            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