{{-- DATOS DEL DOMICILIO DEL SOLICITANTE START --}}
<div class="row" id="contenedor-domicilio-normal">
    <div class="col-sm-12">
        <legend>Datos del domicilio</legend>
    </div>

    <!-- calle -->
    <div class="form-group col-sm-6">
        {!! Form::label('calle', 'Calle:') !!}
        {!! Form::text('calle', (empty($domicilio_casa) ? null : $domicilio_casa->calle), ['class' => 'form-control'])
        !!}
        <div id="calle-mensaje" class="alert alert-danger alert-transparent alert-sm" style="display:none">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <span class="fw-semi-bold">Danger:</span>
        </div>
    </div>

    <!-- numero interno externo -->
    <div class="form-group col-sm-6">
        {!! Form::label('numero', 'Número') !!}
        <div class="input-group">
            <span class="input-group-prepend" style="padding-right:5px!important;">
                <span class="input-group-text" style="padding-right:5px!important;">No. Ext.</span>
            </span>
            <input name="num_ext" value="{{(empty($domicilio_casa) ? null : $domicilio_casa->num_ext)}}"
                class="form-control" type="text" id="num_ext">
            <span class="input-group-append">
                <span class="input-group-text" style="padding-right:5px!important;"
                    style="padding-right:5px!important;">No. Int.</span>
            </span>
            <input name="num_int" value="{{(empty($domicilio_casa) ? null : $domicilio_casa->num_int)}}"
                class="form-control" type="text">
        </div>
        <div id="num_ext-mensaje" class="alert alert-danger alert-transparent alert-sm" style="display:none">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <span class="fw-semi-bold">Danger:</span>
        </div>
    </div>

    <!-- cp -->
    <div class="form-group col-sm-6">
        {!! Form::label('codigo_postal', 'Código postal:') !!}
        {!! Form::text('codigo_postal', (empty($domicilio_casa) ? null : $domicilio_casa->codigo_postal), ['class' =>
        'form-control']) !!}
        <div id="codigo_postal-mensaje" class="alert alert-danger alert-transparent alert-sm" style="display:none">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <span class="fw-semi-bold">Danger:</span>
        </div>
    </div>

    <!-- colonia -->
    <div class="form-group col-sm-6">
        {!! Form::label('colonia', 'Colonia:') !!}
        <select data-live-search="true" class="selectpicker form-control" data-style="btn-default" tabindex="1"
            id="colonia" name="colonia">
            <option class="dropdown-item" value="0">Selecciona la Colonia</option>
        </select>
        <div id="colonia-mensaje" class="alert alert-danger alert-transparent alert-sm" style="display:none">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <span class="fw-semi-bold">Danger:</span>
        </div>
    </div>

    <!-- otra_colonia -->
    <div class="form-group col-sm-6" id="contenedor-otra_colonia" style="display: none;">
        {!! Form::label('otra_colonia', 'Otra Colonia:') !!}
        {!! Form::text('otra_colonia', null, ['class' => 'form-control']) !!}
        <div id="calle-mensajes" class="alert alert-danger alert-transparent alert-sm" style="display:none">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <span class="fw-semi-bold">Danger:</span>
        </div>
    </div>

    <!-- tipo de asentamiento -->
    <div class="form-group col-sm-6">
        {!! Form::label('tipo_asentamiento_des', 'Tipo de Asentamiento:') !!}
        {!! Form::text('tipo_asentamiento_des', null, ['class' => 'form-control', 'disabled' => 'disabled']) !!}
        <input name="tipo_asentamiento" type="hidden" id="tipo_asentamiento">
    </div>

    <!-- ciudad -->
    <div class="form-group col-sm-6">
        {!! Form::label('ciudad_des', 'Ciudad:') !!}
        {!! Form::text('ciudad_des', null, ['class' => 'form-control', 'disabled' => 'disabled' ]) !!}
        <input name="ciudad" type="hidden" id="ciudad">
    </div>

    <!--  estado -->
    <div class="form-group col-sm-6">
        {!! Form::label('estado_des', 'Estado:') !!}
        {!! Form::text('estado_des', null, ['class' => 'form-control', 'disabled' => 'disabled']) !!}
        <input name="estado" type="hidden" id="estado">
    </div>

    <!-- municipio -->
    <div class="form-group col-sm-6">
        {!! Form::label('municipio_des', 'Municipio:') !!}
        {!! Form::text('municipio_des', null, ['class' => 'form-control', 'disabled' => 'disabled']) !!}
        <input name="municipio" type="hidden" id="municipio">
    </div>

    <!-- pais -->
    <div class="form-group col-sm-6">
        {!! Form::label('pais_des', 'País:') !!}
        {!! Form::text('pais_des', null, ['class' => 'form-control', 'disabled' => 'disabled']) !!}
        <input name="pais" type="hidden" id="pais">
    </div>

    <!-- tiempo_viviendo -->
    <div class="form-group col-sm-3">
        {!! Form::label('antiguedad', 'Tiempo viviendo:') !!}
        <div class="iform-group">
            <div id="contenedor-tiempo_viviendo_anios" class="col-sm-6">
                {!! Form::label('antiguedad', 'Años') !!}
                <select class="selectpicker form-control" data-style="btn-default" tabindex="1"
                    id="tiempo_viviendo_anios" name="tiempo_viviendo_anios" data-width="auto">
                    <option class="dropdown-item" value="0">Selecciona Años</option>
                    <option class="dropdown-item" value="Menos de un Año">Menos de un Año</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="Más de 10 Años">Más de 10 Años</option>
                </select>
                <div id="tiempo_viviendo_anios-mensaje" class="alert alert-danger alert-transparent alert-sm"
                    style="display:none; width: 200px;">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    <span class="fw-semi-bold">Danger:</span>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group col-sm-3">
        {!! Form::label('', '') !!}
        <div class="iform-group">
            <div id="contenedor-tiempo_viviendo_meses" class="col-sm-6">
                {!! Form::label('antiguedad', 'Meses') !!}
                <select class="selectpicker form-control" data-style="btn-default" tabindex="1"
                    id="tiempo_viviendo_meses" name="tiempo_viviendo_meses" style="margin-left:2px" data-width="auto">
                    <option class="dropdown-item" value="0">Selecciona Meses</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                </select>
                <div id="tiempo_viviendo_meses-mensaje" class="alert alert-danger alert-transparent alert-sm"
                    style="display:none; width: 200px;">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    <span class="fw-semi-bold">Danger:</span>
                </div>
            </div>
        </div>
    </div>


    <!-- Tipo_domicilio -->
    <div class="form-group col-sm-6">
        {!! Form::label('tipo_domicilio', 'Tipo de domicilio:') !!}
        <select class="selectpicker" data-style="btn-default" data-width="100%" name="tipo_domicilio" tabindex="-1"
            id="tipo_domicilio">
            <option class="dropdown-item" value="0">Selecciona una opción</option>
            <option class="dropdown-item" value="Propia">Propia</option>
            <option class="dropdown-item" value="Rentada">Rentada</option>
            <option class="dropdown-item" value="De un familiar">De un familiar</option>
        </select>
        <div id="tipo_domicilio-mensaje" class="alert alert-danger alert-transparent alert-sm" style="display:none">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <span class="fw-semi-bold">Danger:</span>
        </div>
    </div>

    <!-- vive_con -->
    <div class="form-group col-sm-6">
        {!! Form::label('vive_con', 'Vive con:') !!}
        {!! Form::text('vive_con', (empty($domicilio_casa) ? null : $domicilio_casa->vive_con), ['class' =>
        'form-control']) !!}
        <div id="vive_con-mensaje" class="alert alert-danger alert-transparent alert-sm" style="display:none">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <span class="fw-semi-bold">Danger:</span>
        </div>
    </div>

    <!-- lat lng -->
    <div class="form-group col-sm-6">
        <input type="hidden" name="lat" id="lat">
        <input type="hidden" name="lng" id="lng">
    </div>

    <div class="col-sm-12" id="contenedor-mapa">
        <div id="map" style="width:100%;height:400px;"></div>
    </div>
</div>
{{-- DATOS DEL DOMICILIO DEL SOLICITANTE END --}}

<div style="height: 100px"></div>

{{-- DATOS DEL DOMICILIO existente START --}}
@if($domicilio_casa != NULL)
    @if($domicilio_casa->domicilio_ligado_id == NULL)
    <div class="row">
        <div class="col-sm-12">
            <b>Activa la opción en caso de ya exista una cuenta en este domicilio</b>
            <div class="form-check-inline checkbox-ios">
                <label for="check-domicilio-existente">
                    <input type="checkbox" id="check-domicilio-existente" checked name="check-domicilio-existente">
                </label>
            </div>
        </div>
    </div>
    @else
    <div class="row">
        <div class="col-sm-12">
            <h4>Este domicilio esta ligado con el cliente: {!! $domicilio_ligado->user->name.'  '.  $domicilio_ligado->user->a_paterno .'  '. $domicilio_ligado->user->a_materno !!}</h4>
            <b>Activa la opción en caso requerir actualizar el domicilio vinculado</b>
            <div class="form-check-inline checkbox-ios">
                <label for="check-domicilio-existente">
                    <input type="checkbox" id="check-domicilio-existente" name="check-domicilio-existente">
                </label>
            </div>
        </div>
    </div>
    @endif
@else
    <div class="row">
        <div class="col-sm-12">
            <b>Activa la opción en caso de ya exista una cuenta en este domicilio</b>
            <div class="form-check-inline checkbox-ios">
                <label for="check-domicilio-existente">
                    <input type="checkbox" id="check-domicilio-existente" checked name="check-domicilio-existente">
                </label>
            </div>
        </div>
    </div>
@endif

{{--   domicilio-existente  --}}
<div class="row" id="contenedor-domicilio-existente" style="margin-top: 30px; display:none;">
    <div class="col-lg-12 class_padding">
        <div class="content_div">
            <h4>Realiza una búsqueda por CURP o CÓDIGO POSTAL para asignar un domicilio</h4>
            <hr class="divider_tarjet " style="margin-top:0px; margin-bottom:0px;">
        </div>
    </div>
    <div class="col-lg-6 col-md-12 col-12 class_border_pago">
        <h4 style="color:#495057; font-size:14px;"> Búsqueda: </h4>
        <label class="labels">Selecciona una opción de búsqueda:</label>
        <select class="selectpicker form-control " data-style="btn-default" data-width="100%" name="busqueda"
            tabindex="-1" id="busqueda">
            <option class="dropdown-item" value="0" selected disabled>--</option>
            <option class="dropdown-item" value="curp">CURP</option>
            <option class="dropdown-item" value="codigo"> CÓDIGO POSTAL</option> 
        </select>
        <!-- curp -->
        <div id="curp-domicilio-existente" style="display:none">
            {!! Form::label('curp', 'CURP:',['class' => 'labels']) !!}
            {!! Form::text('curp', null, ['class' => 'form-control class_input','id' => 'curp']) !!}
        </div>

        <!-- cp -->
        <div id="codigo-domicilio-existente" style="display:none">
            {!! Form::label('codigo_postal_existente', 'Código postal:',['class' => 'labels']) !!}
            {!! Form::text('codigo_postal_existente', null, ['class' => 'form-control']) !!}
            <div id="codigo_postal_existente-mensaje" class="alert alert-danger alert-transparent alert-sm"
                style="display:none">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                <span class="fw-semi-bold">Danger:</span>
            </div>
        </div>

        <div class="class_button_flex" style="margin:30px 0 0;justify-content:start!important;">
            <a id="btnSearch"  class="btnDanger btn1 " style="margin:0 10px 0 0; color:#fff; ">Buscar</a>
        </div>
    </div>
    <div  class="col-lg-6 col-md-12 col-12" style="padding: 20px 40px 50px 30px ">
        <h4 style="color:#495057; font-size:14px;">Resultado:</h4>

        <div id="domicilio_existente_id-mensaje" class="alert alert-danger alert-transparent alert-sm" style="display:none">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <span class="fw-semi-bold">Danger:</span>
        </div>

        <div id="lista_direcciones" class="row">

        </div>
        {{--  <a href="#" id="btnPagos" class="btn5 btnImage" data-toggle="tooltip"
            title="Selecciona a una persona para ajustar sus pagos" style="margin:20px 10px 0 0;float:left!important">
            Pagar
        </a>  --}}
    </div>

    <!-- listado de direcciones -->
    <div class="form-group col-sm-12" id="lista"></div>
    <div id="radio2-mensaje" class="alert alert-danger alert-transparent alert-sm" style="display:none">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
        <span class="fw-semi-bold">Danger:</span>
    </div>

    {!! Form::hidden('domicilio_existente_id', null, ['class' => 'form-control','id'=>'domicilio_existente_id']) !!}
</div>
{{-- DATOS DEL DOMICILIO existente END --}}

<div style="height: 100px"></div>

{{-- Validación mismo domicilio laboral --}}
<div class="row">

    <div class="col-sm-12">
        <legend>Datos del domicilio de cobranza</legend>
    </div>

    <div class="col-sm-12">
        <b>Activa la opción en caso de que tu domicilio sea igual al domicilio de cobranza</b>
        <div class="form-check-inline checkbox-ios">
            <label for="checkDomicilioCobranza">
                <input type="checkbox" id="checkDomicilioCobranza" name="checkDomicilioCobranza">
            </label>
        </div>
    </div>
</div>
{{-- END Validación mismo domicilio laboral --}}

{{-- DATOS DEL DOMICILIO DE COBRANZA DEL SOLICITANTE START --}}
<div id="direccion_cobranza-contenedor" class="row">
    <!-- codigo_postal_cobranza -->
    <div class="form-group col-sm-6">
        {!! Form::label('codigo_postal_cobranza', 'Código postal:') !!}
        {!! Form::text('codigo_postal_cobranza', (empty($domicilio_cobranza) ? null :
        $domicilio_cobranza->codigo_postal), ['class' => 'form-control']) !!}
        <div id="codigo_postal_cobranza-mensaje" class="alert alert-danger alert-transparent alert-sm"
            style="display:none">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <span class="fw-semi-bold">Danger:</span>
        </div>
    </div>

    <!-- colonia_cobranza -->
    <div class="form-group col-sm-6">
        {!! Form::label('colonia_cobranza', 'Colonia:') !!}
        <select data-live-search="true" class="selectpicker form-control" data-style="btn-default" tabindex="1"
            id="colonia_cobranza" name="colonia_cobranza">
            <option class="dropdown-item" value="0">Selecciona la Colonia</option>
        </select>
        <div id="colonia_cobranza-mensaje" class="alert alert-danger alert-transparent alert-sm" style="display:none">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <span class="fw-semi-bold">Danger:</span>
        </div>
    </div>

    <!-- otra_colonia -->
    <div class="form-group col-sm-6" id="contenedor-otra_colonia_cobranza" style="display: none;">
        {!! Form::label('otra_colonia_cobranza', 'Otra Colonia:') !!}
        {!! Form::text('otra_colonia_cobranza', null, ['class' => 'form-control']) !!}
        <div id="calle-mensajes_cobranza" class="alert alert-danger alert-transparent alert-sm" style="display:none">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <span class="fw-semi-bold">Danger:</span>
        </div>
    </div>

    <!-- calle_cobranza -->
    <div class="form-group col-sm-6">
        {!! Form::label('calle_cobranza', 'Calle:') !!}
        {!! Form::text('calle_cobranza',(empty($domicilio_cobranza) ? null : $domicilio_cobranza->calle), ['class' =>
        'form-control']) !!}
        <div id="calle_cobranza-mensaje" class="alert alert-danger alert-transparent alert-sm" style="display:none">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <span class="fw-semi-bold">Danger:</span>
        </div>
    </div>

    <!-- número -->
    <div class="form-group col-sm-6">
        {!! Form::label('numero', 'Número') !!}
        <div class="input-group">
            <span class="input-group-prepend" style="padding-right:5px!important;">
                <span class="input-group-text">No. Ext.</span>
            </span>
            <input name="num_ext_cobranza" id="num_ext_cobranza"
                value="{{(empty($domicilio_cobranza) ? null : $domicilio_cobranza->num_ext)}}" class="form-control"
                type="text">
            <span class="input-group-append" style="padding-right:5px!important;">
                <span class="input-group-text">No. Int.</span>
            </span>
            <input id="num_int" name="num_int_cobranza" id="num_int_cobranza"
                value="{{(empty($domicilio_cobranza) ? null : $domicilio_cobranza->num_int)}}" class="form-control"
                type="text">
        </div>
        <div id="num_ext_cobranza-mensaje" class="alert alert-danger alert-transparent alert-sm" style="display:none">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <span class="fw-semi-bold">Danger:</span>
        </div>
    </div>

    <!-- tipo de asentamiento cobranza-->
    <div class="form-group col-sm-6">
        {!! Form::label('tipo_asentamiento_cobranza_des', 'Tipo de Asentamiento:') !!}
        {!! Form::text('tipo_asentamiento_cobranza_des', null, ['class' => 'form-control', 'disabled' => 'disabled'])
        !!}
        <input name="tipo_asentamiento_cobranza" type="hidden" id="tipo_asentamiento_cobranza">
    </div>

    <!-- ciudad cobranza-->
    <div class="form-group col-sm-6">
        {!! Form::label('ciudad_cobranza_des', 'Ciudad:') !!}
        {!! Form::text('ciudad_cobranza_des', null, ['class' => 'form-control', 'disabled' => 'disabled']) !!}
        <input name="ciudad_cobranza" type="hidden" id="ciudad_cobranza">
    </div>

    <!--  estado cobranza-->
    <div class="form-group col-sm-6">
        {!! Form::label('estado_cobranza_des', 'Estado:') !!}
        {!! Form::text('estado_cobranza_des', null, ['class' => 'form-control', 'disabled' => 'disabled']) !!}
        <input name="estado_cobranza" type="hidden" id="estado_cobranza">
    </div>

    <!-- municipio cobranza-->
    <div class="form-group col-sm-6">
        {!! Form::label('municipio_cobranza_des', 'Municipio:') !!}
        {!! Form::text('municipio_cobranza_des', null, ['class' => 'form-control', 'disabled' => 'disabled']) !!}
        <input name="municipio_cobranza" type="hidden" id="municipio_cobranza">
    </div>

    <!-- pais cobranza-->
    <div class="form-group col-sm-6">
        {!! Form::label('pais_cobranza_des', 'País:') !!}
        {!! Form::text('pais_cobranza_des', null, ['class' => 'form-control', 'disabled' => 'disabled']) !!}
        <input name="pais_cobranza" type="hidden" id="pais_cobranza">
    </div>

    <!-- Solicitud -->
    <input name="solicitud_id" type="hidden" value="{!! $solicitud_id !!}">

    <!-- cliente -->
    <input name="cliente_id" type="hidden" value="{!! $cliente->id !!}">
</div>
</div>
{{-- DATOS DEL DOMICILIO DE COBRANZA DEL SOLICITANTE END --}}

<div class="row">
    <hr>
    <!-- Submit Field -->
    <div class="form-group col-sm-12 text-center botoneraMovil">
        <button type="submit" class="btnSucces btn2">Siguiente</button>
        <a href="{!! route('solicituds.index') !!}" class="btnDanger btn1 ">Cancelar</a>
    </div>
</div>