{extends file="$layouts_paper"}
{block name="head"}




{/block}

{block name="content"}

<style type="text/css">

    .list-group{
        max-height: 150px;
        margin-bottom: 10px;
        overflow:scroll;
        -webkit-overflow-scrolling: touch;
    }    

    .swal2-container {
        z-index: 9999;
    }

    .color_negro {
      color: black !important;
    }


</style>

   {* esta esta global *}
    <input
         type="text"
         value="{$url_base}"
         disabled
         hidden
         id="URL_BASE"
    />

    <input
         type="text"
         value="{$id_user}"
         disabled
         hidden
         id="ID_USER"
    />

   <input
         type="text"
         value="{$UUID_ENC}"
         disabled
         hidden
         id="UUID_ENC_backend"
    />

    <input
         type="text"
         value="{$data_form_w_7["informacion_nacimiento_pais_nacimiento"]}"
         disabled
         hidden
         id="informacion_nacimiento_pais_nacimiento_backend"
    />

    <input
         type="text"
         value="{$data_form_w_7["informacion_nacimiento_genero"]}" 
         disabled
         hidden
         id="informacion_nacimiento_genero_backend"
    />

    <input
         type="text"
         value="{$data_form_w_7["otra_informacion_pais_ciudadania"]}" 
         disabled
         hidden
         id="otra_informacion_pais_ciudadania_backend"
    />

    <input
         type="text"
         value="{$existe_informacion}" 
         disabled
         hidden
         id="existe_informacion_backend"
    />

    <input
         type="text"
         value="{$data_form_w_7["otra_informacion_recibido_ITIN_o_IRSN"]}"
         disabled
         hidden
         id="otra_informacion_recibido_ITIN_o_IRSN_backend"
    />

    <input
         type="text"
         value="{$data_form_w_7["id"]}"
         disabled
         hidden
         id="id_form_w_7_backend"
    />

    <input
         type="text"
         value="{$forms_states_id}"
         disabled
         hidden
         id="forms_states_id_backend"
    />


     

     

    
    
<div class="row">

    <div class="col-md-12">

        <div class="panel m-4">
            <div class="panel-hdr">
                <h2 class="color_negro"><span class="class="h3 color_negro">Form W-7</span></h2>
            </div>

            <div class="panel-container show" id="ibox_form">

                <div class="panel-content">

                    <div class="px-2">
                        <div class="alert alert-danger" id="emsg" style="display: none;">
                            <span id="emsgbody"></span>
                        </div>

                        <div class="alert alert-success" id="emsgSuccess" style="display: none;">
                            <span id="emsgbodySuccess"></span>
                        </div>

                        <form id="rform">

                            <div class="row">

                                  

                                 {* solicitud de solicitar/renovar ITIN -------------- *}
                                 <div class="col-md-12 col-sm-12 " style="
                                          background-color: #edf2f9;
                                          border-radius: 11px;
                                          padding: 10px !important;
                                          margin-bottom: 14px;
                                       ">
                                    <span class="h3 color_negro" >Solicitud/Renovación de ITIN</span>
                                   
                                 </div>
                                
                                {* informacion primera columna *}
                                <div class="col-md-6 col-sm-12">
                                    <div class="mb-3 row">
                                        <label for="flexRadioDefault1" class="col-sm-3"><span class="h6 color_negro">Solicitar un nuevo ITIN</span><span class="text-danger">*</span></label>
                                        <div class="col-sm-9">

                                             <div class="form-check">
                                                <input class="form-check-input tener_aplicar_nuevo_ITIN" type="radio" name="flexRadioDefault" id="flexRadioDefault1"  {if $data_form_w_7["aplicar_nuevo_ITIN"] eq 1} checked {/if}>
                                             </div>

                                        </div>
                                    </div>
                                </div>

                                {* informacion segunda columna *}
                                <div class="col-md-6 col-sm-12">
                                    <div class="mb-3 row">

                                        <label for="flexRadioDefault2" class="col-sm-3"><span class="h6 color_negro">Renovar un ITIN existente</span><span class="text-danger">*</span></label>
                                        
                                        <div class="col-sm-9">
                                          
                                             <div class="form-check">
                                                <input class="form-check-input tener_renovar_ITIN" type="radio" name="flexRadioDefault" id="flexRadioDefault2" {if $data_form_w_7["renovar_ITIN"] eq 1} checked {/if}>
                                             </div>

                                        </div>

                                    </div>
                                </div>


                                 {* solicitud de solicitar/renovar ITIN *}
                                 <div class="col-md-12 col-sm-12 p-0 mb-4">
                                    <span class="h5 color_negro">* Motivo por el que presenta el Formulario W-7. Lea las instrucciones correspondientes a la casilla que marque. Precaución: si marca la casilla b, c, d, e, f o g,
debe presentar una declaración de impuestos federales de EE. UU. con el Formulario W-7 a menos que cumpla con una de las excepciones (consulte las instrucciones).</span>
                                 </div>

                                 {* a *}
                                 <div class="col-md-12 col-sm-12 mt-1">
                                    <div class="mb-3 row">

                                       <div class="col-sm-3">
                                          <span class="h6 color_negro">(a)</span>
                                          <input class="form-check-input tener_a" type="checkbox" value="" id="a" {if $data_form_w_7["renovar_aplicar_a"] eq 1} checked {/if} >
                                       </div>

                                       <div class="col-sm-9">
                                         <label for="a"><span class="h6 color_negro"> Los extranjeros no residentes deben obtener un ITIN para reclamar el beneficio del tratado fiscal  </label>
                                       </div>

                                    </div>
                                 </div>

                                 {* b *}
                                 <div class="col-md-12 col-sm-12 mt-1">
                                    <div class="mb-3 row">

                                       <div class="col-sm-3">
                                          <span class="h6 color_negro">(b)</span>
                                          <input class="form-check-input tener_b" type="checkbox" value="" id="b" {if $data_form_w_7["renovar_aplicar_b"] eq 1} checked {/if}  >
                                       </div>

                                       <div class="col-sm-9">
                                         <label for="b"><span class="h6 color_negro"> Extranjero no residente que presenta una declaración de impuestos federales de EE. UU.  </label>
                                       </div>

                                    </div>
                                 </div>

                                 {* c *}
                                 <div class="col-md-12 col-sm-12 mt-1">
                                    <div class="mb-3 row">

                                       <div class="col-sm-3">
                                          <span class="h6 color_negro">(c)</span>
                                          <input class="form-check-input tener_c" type="checkbox" value="" id="c" {if $data_form_w_7["renovar_aplicar_c"] eq 1} checked {/if}  >
                                       </div>

                                       <div class="col-sm-9">
                                         <label for="c"><span class="h6 color_negro"> Extranjero residente en los EE. UU. (según los días de presencia en los Estados Unidos) que presenta una declaración de impuestos federales de los EE. UU. </label>
                                       </div>

                                    </div>
                                 </div>

                                 {* d *}
                                 <div class="col-md-12 col-sm-12 mt-1">
                                    <div class="mb-3 row">

                                       <div class="col-sm-3">
                                          <span class="h6 color_negro">(d)</span>
                                          <input class="form-check-input tener_d" type="checkbox" value="" id="d" {if $data_form_w_7["renovar_aplicar_d"] eq 1} checked {/if}  >
                                       </div>

                                       <div class="col-sm-9">
                                         <label for="d"><span class="h6 color_negro"> Dependiente de ciudadano estadounidense/extranjero residente </label>
                                       </div>

                                       <div class="row ocultar_campo_d mt-4">
                                          <div class="col-sm-12">
                                             <label for="d_opcional"><span class="h6 color_negro"> Si es d, indique la relación con el ciudadano estadounidense o extranjero residente (consulte las instrucciones) </label>
                                          </div>

                                          <div class="col-sm-12">
                                             <input type="text" id="d_opcional" name="d_opcional" class="form-control tener_d_opcional" value="{$data_form_w_7["renovar_aplicar_d_opcional"]}" >
                                          </div>
                                       </div>

                                        

                                    </div>
                                 </div>

                                 {* e *}
                                 <div class="col-md-12 col-sm-12 mt-1">
                                    <div class="mb-3 row">

                                       <div class="col-sm-3">
                                          <span class="h6 color_negro">(e)</span>
                                          <input class="form-check-input tener_e" type="checkbox" value="" id="e" {if $data_form_w_7["renovar_aplicar_e"] eq 1} checked {/if} >
                                       </div>

                                       <div class="col-sm-9">
                                         <label for="e"><span class="h6 color_negro"> Cónyuge de ciudadano estadounidense / extranjero residente </label>
                                       </div>

                                       <div class="row ocultar_campo_d_e mt-4">
                                          <div class="col-sm-12">
                                             <label for="d_e_opcional"><span class="h6 color_negro"> Si es d o e, ingrese el nombre y el SSN/ITIN del ciudadano estadounidense/extranjero residente (ver instrucciones) </label>
                                          </div>

                                          <div class="col-sm-12">
                                             <input type="text" id="d_e_opcional" name="d_e_opcional" class="form-control tener_d_e_opcional"  value="{$data_form_w_7["renovar_aplicar_d_e_opcional"]}"  >
                                          </div>
                                       </div>

                                    </div>
                                 </div>

                                 {* f *}
                                 <div class="col-md-12 col-sm-12 mt-1">
                                    <div class="mb-3 row">

                                       <div class="col-sm-3">
                                          <span class="h6 color_negro">(f)</span>
                                          <input class="form-check-input tener_f" type="checkbox" value="" id="f"  {if $data_form_w_7["renovar_aplicar_f"] eq 1} checked {/if}  >
                                       </div>

                                       <div class="col-sm-9">
                                         <label for="f"><span class="h6 color_negro"> Estudiante, profesor o investigador extranjero no residente que presenta una declaración de impuestos federales de EE. UU. o solicita una excepción </label>
                                       </div>
 

                                    </div>
                                 </div>

                                 {* g *}
                                 <div class="col-md-12 col-sm-12 mt-1">
                                    <div class="mb-3 row">

                                       <div class="col-sm-3">
                                          <span class="h6 color_negro">(g)</span>
                                          <input class="form-check-input tener_g" type="checkbox" value="" id="g" {if $data_form_w_7["renovar_aplicar_g"] eq 1} checked {/if} >
                                       </div>

                                       <div class="col-sm-9">
                                         <label for="g"><span class="h6 color_negro"> Dependiente/cónyuge de un extranjero no residente que posee una visa estadounidense </label>
                                       </div>
 

                                    </div>
                                 </div>

                                 {* h *}
                                 <div class="col-md-12 col-sm-12 mt-1">
                                    <div class="mb-3 row">

                                       <div class="col-sm-3">
                                          <span class="h6 color_negro">(h)</span>
                                          <input class="form-check-input tener_h" type="checkbox" value="" id="h"  {if $data_form_w_7["renovar_aplicar_h"] eq 1} checked {/if} >
                                       </div>

                                       <div class="col-sm-9">
                                         <label for="h"><span class="h6 color_negro"> Otros (ver instrucciones) </label>
                                       </div>

                                       <div class="row ocultar_campo_h mt-4">
                                          <div class="col-sm-12">
                                             <label for="h_opcional"><span class="h6 color_negro"> Otros </label>
                                          </div>

                                          <div class="col-sm-12">
                                             <input type="text" id="h_opcional" name="h_opcional" class="form-control tener_h_opcional" value="{$data_form_w_7["renovar_aplicar_h_opcional"]}" >
                                          </div>
                                       </div>

                                    </div>
                                 </div>

                                 {* si a y f son iguales *}
                                 <div class="col-md-12 col-sm-12 mt-1">
                                    <div class="mb-3 row">

                                       <div class="row ocultar_campo_a_f mt-4">
                                          
                                          {* pais de tratado cuando sea a y f *}
                                          <div class="col-sm-12">
                                             <label for="a_f_pais_tratado_opcional"><span class="h6 color_negro"> Additional information for a and f: Enter treaty country </label>
                                          </div>

                                          <div class="col-sm-12">
                                             <input type="text" id="a_f_pais_tratado_opcional" name="a_f_pais_tratado_opcional" class="form-control tener_a_f_pais_tratado_opcional"  value="{$data_form_w_7["renovar_aplicar_a_f_pais_tratado_opcional"]}" >
                                          </div>
                                          
                                          {* numero de tratado cuando sea a y f *}
                                          <div class="col-sm-12 mt-4">
                                             <label for="a_f_numero_articulo_tratado_opcional"><span class="h6 color_negro"> Additional information for a and f: Enter treaty article number </label>
                                          </div>

                                          <div class="col-sm-12">
                                             <input type="text" id="a_f_numero_articulo_tratado_opcional" name="a_f_numero_articulo_tratado_opcional" class="form-control tener_a_f_numero_articulo_tratado_opcional" value="{$data_form_w_7["renovar_aplicar_a_f_numero_articulo_tratado_opcional"]}" >
                                          </div>
                                       </div>

                                    </div>
                                 </div>

                                 {* nombre general -----------------------*}
                                 <div class="col-md-12 col-sm-12  " style="
                                          background-color: #edf2f9;
                                          border-radius: 11px;
                                          padding: 10px !important;
                                          margin-bottom: 14px;
                                       ">
                                    <span class="h3 color_negro">* Nombre</span>
                                   
                                 </div>

                                 {*primer nombre 1*}
                                 <div class="col-12 col-md-6 col-sm-6 col-lg-4">

                                    <div class="mb-3 row">
                                        <label for="primer_nombre1" class="col-sm-3"><span class="h6 color_negro"> Primer nombre (1) </span><span class="text-danger">*</span></label>
                                        <div class="col-sm-9">
                                            <input type="text" id="primer_nombre1" name="primer_nombre1" class="form-control tener_primer_nombre1" value="{$data_form_w_7["nombre_primer_nombre1"]}"  >
                                        </div>
                                    </div>
              
                                 </div>

                                 {*segundo nombre 1*}
                                 <div class="col-12 col-md-6 col-sm-6 col-lg-4">

                                    <div class="mb-3 row">
                                        <label for="segundo_nombre1" class="col-sm-3"><span class="h6 color_negro"> Segundo nombre (1) </span><span class="text-danger">*</span></label>
                                        <div class="col-sm-9">
                                            <input type="text" id="segundo_nombre1" name="segundo_nombre1" class="form-control tener_segundo_nombre1" value="{$data_form_w_7["nombre_segundo_nombre1"]}" >
                                        </div>
                                    </div>
              
                                 </div>

                                 {*ultimo nombre 1*}
                                 <div class="col-12 col-md-6 col-sm-6 col-lg-4">

                                    <div class="mb-3 row">
                                        <label for="ultimo_nombre1" class="col-sm-3"><span class="h6 color_negro"> Apellido (1)</span><span class="text-danger">*</span></label>
                                        <div class="col-sm-9">
                                            <input type="text" id="ultimo_nombre1" name="ultimo_nombre1" class="form-control tener_ultimo_nombre1" value="{$data_form_w_7["nombre_ultimo_nombre1"]}" >
                                        </div>
                                    </div>
              
                                 </div>

                                 {*primer nombre 2*}
                                 <div class="col-12 col-md-6 col-sm-6 col-lg-4" hidden>

                                    <div class="mb-3 row">
                                        <label for="primer_nombre2" class="col-sm-3"><span class="h6 color_negro"> First name (2) </span><span class="text-danger">*</span></label>
                                        <div class="col-sm-9">
                                            <input type="text" id="primer_nombre2" name="primer_nombre2" class="form-control tener_primer_nombre2" value="{$data_form_w_7["nombre_primer_nombre2"]}" >
                                        </div>
                                    </div>
              
                                 </div>

                                 {*segundo nombre 2*}
                                 <div class="col-12 col-md-6 col-sm-6 col-lg-4" hidden>

                                    <div class="mb-3 row">
                                        <label for="segundo_nombre2" class="col-sm-3"><span class="h6 color_negro"> Middle name (2) </span><span class="text-danger">*</span></label>
                                        <div class="col-sm-9">
                                            <input type="text" id="segundo_nombre2" name="segundo_nombre2" class="form-control tener_segundo_nombre2" value="{$data_form_w_7["nombre_segundo_nombre2"]}" >
                                        </div>
                                    </div>
              
                                 </div>

                                 {*ultimo nombre 2*}
                                 <div class="col-12 col-md-6 col-sm-6 col-lg-4" hidden>

                                    <div class="mb-3 row">
                                        <label for="ultimo_nombre2" class="col-sm-3"><span class="h6 color_negro"> Last name (2) </span><span class="text-danger">*</span></label>
                                        <div class="col-sm-9">
                                            <input type="text" id="ultimo_nombre2" name="ultimo_nombre2" class="form-control tener_ultimo_nombre2" value="{$data_form_w_7["nombre_ultimo_nombre2"]}" >
                                        </div>
                                    </div>
              
                                 </div>
 
                                 {* Applicant’s Mailing Address -----------------------*}
                                 <div class="col-md-12 col-sm-12 " style="
                                          background-color: #edf2f9;
                                          border-radius: 11px;
                                          padding: 10px !important;
                                          margin-bottom: 14px;
                                       ">
                                    <span class="h3 color_negro">* Dirección postal del solicitante </span>
                                     
                                 </div>

                                 {*direccion con codigo postal*}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="direccion_apartado_postal" class="col-sm-3"><span class="h6 color_negro"> Direccion 1:  Nombre de la calle
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="direccion_apartado_postal" name="direccion_apartado_postal" class="form-control tener_direccion_apartado_postal" value="{$data_form_w_7["direccion_apartado_postal"]}" >

                                            <ol class="list-group " id="browsers">

                                            </ol>

                                        </div>
                                    </div>
              
                                 </div>

                                 {*ciudad*}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="ciudad_1" class="col-sm-3"><span class="h6 color_negro">  Ciudad, estado y código postal
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="ciudad_1" name="ciudad_1" class="form-control tener_ciudad1" value="{$data_form_w_7["direccion_ciudad_apartado_postal"]}" >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* Foreign (nonU.S.) Address (see instructions) -----------------------*}
                                 <div class="col-md-12 col-sm-12  " style="
                                          background-color: #edf2f9;
                                          border-radius: 11px;
                                          padding: 10px !important;!i;!;
                                          margin-bottom: 14px;
                                       " hidden>
                                    <span class="h3 color_negro">* Foreign (nonU.S.) Address (see instructions)</span>
                                   
                                 </div>

                                 {*direccion no codigo postal*}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" hidden>

                                    <div class="mb-3 row">
                                        <label for="direccion_no_apartado_postal" class="col-sm-3"><span class="h6 color_negro"> Street address, apartment number, or rural route number. Don’t use a P.O. box number
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="direccion_no_apartado_postal" name="direccion_no_apartado_postal" class="form-control tener_direccion_no_apartado_postal" value="{$data_form_w_7["direccion_no_apartado_postal"]}" >
                                        </div>
                                    </div>
              
                                 </div>

                                 {*ciudad*}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" hidden>

                                    <div class="mb-3 row">
                                        <label for="ciudad_2" class="col-sm-3"><span class="h6 color_negro"> City or town, state or province, and country. Include postal code where appropriate.
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="ciudad_2" name="ciudad_2" class="form-control tener_ciudad_2" value="{$data_form_w_7["direccion_ciudad_no_apartado_postal"]}" >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* Birth Information -----------------------*}
                                 <div class="col-md-12 col-sm-12  " style="
                                          background-color: #edf2f9;
                                          border-radius: 11px;
                                          padding: 10px !important;
                                          margin-bottom: 14px;
                                       ">
                                    <span class="h3 color_negro">* Información de nacimiento </span>
                                    
                                 </div>

                                 {* fecha de nacimiento *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="fecha_nacimiento" class="col-sm-3"><span class="h6 color_negro"> Fecha de nacimiento
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="date" id="fecha_nacimiento" name="fecha_nacimiento" class="form-control tener_fecha_nacimiento" value="{$data_form_w_7["informacion_nacimiento_fecha_nacimiento"]}" >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* pais de nacimiento *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="pais_nacimiento" class="col-sm-3"><span class="h6 color_negro"> País de nacimiento
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">

                                          <select name="pais_nacimiento" id="pais_nacimiento" class="form-control tener_pais_nacimiento"  >
                                                <option value=""><span></span>{$_L['Select Country']}</option>
                                                {$countries}
                                          </select>

                                        </div>
                                    </div>
              
                                 </div>

                                 {* ciudad y estado o provincia (OPCIONAL) *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="ciudad_estado_provincia" class="col-sm-3"><span class="h6 color_negro"> Ciudad de nacimiento
                                        </span><span class="text-danger"></span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="ciudad_estado_provincia" name="ciudad_estado_provincia" class="form-control tener_ciudad_estado_provincia"  value="{$data_form_w_7["informacion_nacimiento_ciudad_estado_provincia"]}" >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* genero *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="genero" class="col-sm-3"><span class="h6 color_negro"> Genero
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">

                                          <select name="genero" id="genero" class="form-control tener_genero"    >
                                                <option value="" selected disabled >Seleccione un Genero</option>
                                                <option value="Male">Masculino</option>
                                                <option value="Female">Femenino</option>
                                          </select>

                                        </div>
                                    </div>
              
                                 </div>

                                 {* Other Information -----------------------*}
                                 <div class="col-md-12 col-sm-12 " style="
                                          background-color: #edf2f9;
                                          border-radius: 11px;
                                          padding: 10px !important;
                                          margin-bottom: 14px;
                                       ">
                                    <span class="h3 color_negro">* Otra información </span>
                                 </div>

                                 {* País(es) de ciudadanía *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="pais_ciudadania" class="col-sm-3"><span class="h6 color_negro">  País(es) de ciudadanía
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">

                                          <select name="pais_ciudadania" id="pais_ciudadania" class="form-control tener_pais_ciudadania">
                                                <option value=""><span></span>{$_L['Select Country']}</option>
                                                {$countries}
                                          </select>

                                        </div>
                                    </div>
              
                                 </div>

                                 {* Número de identificación fiscal extranjero (si lo hubiera) opcional *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12 d-none" > 

                                    <div class="mb-3 row">
                                        <label for="numero_identificacion_fiscal_extranjero" class="col-sm-3"><span class="h6 color_negro"> Número de identificación fiscal extranjero (si lo hubiera)
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="numero_identificacion_fiscal_extranjero" name="numero_identificacion_fiscal_extranjero" class="form-control tener_numero_identificacion_fiscal_extranjero" value="{$data_form_w_7["otra_informacion_numero_identificacion_fiscal_extranjero"]}" >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* Tipo de visa estadounidense (si corresponde), número y fecha de vencimiento *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12 d-none" >

                                    <div class="mb-3 row">
                                        <label for="tipo_visa_estadounidense" class="col-sm-3"><span class="h6 color_negro"> Tipo de visa estadounidense (si corresponde), número y fecha de vencimiento
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="tipo_visa_estadounidense" name="tipo_visa_estadounidense" class="form-control tener_tipo_visa_estadounidense" value="{$data_form_w_7["otra_informacion_tipo_visa_estadounidense"]}" >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* Documento(s) de identificación presentado(s) (ver instrucciones) *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="tipo_visa_estadounidense" class="col-sm-12"><span class="h6 color_negro"> Documento(s) de identificación presentado(s) (ver instrucciones)
                                        </span><span class="text-danger">*</span></label>
                                    </div>
              
                                 </div>

                                 {* documentos_pasaporte *}
                                 <div class="col-md-12 col-sm-12 mt-1">
                                    <div class="mb-3 row">

                                       <div class="col-sm-3">
                                          <span class="h6 color_negro"></span>
                                          <input class="form-check-input tener_documentos_pasaporte" type="checkbox" value="" id="documentos_pasaporte" {if $data_form_w_7["otra_informacion_pasaporte"] eq 1} checked {/if} >
                                       </div>

                                       <div class="col-sm-9">
                                         <label for="documentos_pasaporte"><span class="h6 color_negro"> Pasaporte </label>
                                       </div>

                                    </div>
                                 </div>

                                 {* documentos_licencia_conducir *}
                                 <div class="col-md-12 col-sm-12 mt-1">
                                    <div class="mb-3 row">

                                       <div class="col-sm-3">
                                          <span class="h6 color_negro"></span>
                                          <input class="form-check-input tener_documentos_licencia_conducir" type="checkbox" value="" id="documentos_licencia_conducir" {if $data_form_w_7["otra_informacion_licencia_conducir"] eq 1} checked {/if} >
                                       </div>

                                       <div class="col-sm-9">
                                         <label for="documentos_licencia_conducir"><span class="h6 color_negro"> Licencia de conducir/identificación estatal. </label>
                                       </div>

                                    </div>
                                 </div>

                                 {* documentos_documentacion_USCIS *}
                                 <div class="col-md-12 col-sm-12 mt-1">
                                    <div class="mb-3 row">

                                       <div class="col-sm-3">
                                          <span class="h6 color_negro"></span>
                                          <input class="form-check-input tener_documentos_documentacion_USCIS" type="checkbox" value="" id="documentos_documentacion_USCIS"  {if $data_form_w_7["otra_informacion_documentacion_USCIS"] eq 1} checked {/if} >
                                       </div>

                                       <div class="col-sm-9">
                                         <label for="documentos_documentacion_USCIS"><span class="h6 color_negro"> Documentación del USCIS </label>
                                       </div>

                                    </div>
                                 </div>

                                 {* documentos_otros *}
                                 <div class="col-md-12 col-sm-12 mt-1">
                                    <div class="mb-3 row">

                                       <div class="col-sm-3">
                                          <span class="h6 color_negro"></span>
                                          <input class="form-check-input tener_documentos_otros" type="checkbox" value="" id="documentos_otros"  {if $data_form_w_7["otra_informacion_otros"] eq 1} checked {/if} >
                                       </div>

                                       <div class="col-sm-9">
                                         <label for="documentos_otros"><span class="h6 color_negro"> Otros </label>
                                       </div>

                                       <div class="row ocultar_campo_documentos_otros mt-4">
                                          <div class="col-sm-12">
                                             <label for="documentos_otros_opcional"><span class="h6 color_negro"> Detalle de otros </label>
                                          </div>

                                          <div class="col-sm-12">
                                             <input type="text" id="documentos_otros_opcional" name="documentos_otros_opcional" class="form-control tener_documentos_otros_opcional" value="{$data_form_w_7["otra_informacion_otros_opcional"]}"  >
                                          </div>
                                       </div>

                                    </div>
                                 </div>

                                 {* documento_expedido_por *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" >

                                    <div class="mb-3 row">
                                        <label for="documento_expedido_por" class="col-sm-3"><span class="h6 color_negro"> Pasaporte expedido por
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input disabled type="text" id="documento_expedido_por" name="documento_expedido_por" class="form-control tener_documento_expedido_por" value="{$data_form_w_7["otra_informacion_expedido_por"]}"  >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* documento_No *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="documento_No" class="col-sm-3"><span class="h6 color_negro"> Pasaporte No.
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="documento_No" name="documento_No" class="form-control tener_documento_No" value="{$data_form_w_7["otra_informacion_No"]}" >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* documento_fecha_caducidad *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="documento_fecha_caducidad" class="col-sm-3"><span class="h6 color_negro"> Fecha de caducidad de pasaporte
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="date" id="documento_fecha_caducidad" name="documento_fecha_caducidad" class="form-control tener_documento_fecha_caducidad" value="{$data_form_w_7["otra_informacion_fecha_caducidad"]}" >
                                        </div>
 
                                    </div>
              
                                 </div>

                                 {* documento_fecha_entrada_usa *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="documento_fecha_entrada_usa" class="col-sm-3"><span class="h6 color_negro"> Fecha de entrada a los Estados Unidos (MM/DD/AAAA)
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="date" id="documento_fecha_entrada_usa" name="documento_fecha_entrada_usa" class="form-control tener_documento_fecha_entrada_usa" value="{$data_form_w_7["otra_informacion_fecha_entrada_usa"]}" >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* ¿Ha recibido anteriormente un ITIN o un Número de Servicio de Impuestos Internos (IRSN)? *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="recibido_ITIN_o_IRSN" class="col-sm-3"><span class="h6 color_negro">  ¿Ha recibido anteriormente un ITIN o un Número de Servicio de Impuestos Internos (IRSN)?
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">

                                          <select name="recibido_ITIN_o_IRSN" id="recibido_ITIN_o_IRSN" class="form-control tener_recibido_ITIN_o_IRSN" disabled>
                                                <option value="" selected disabled >Seleccione una opcion</option>
                                                <option value="No">No/No sé </option>
                                                <option value="Yes">Si</option>
                                          </select>

                                        </div>
                                    </div>
              
                                 </div>

                                 {* Ingrese ITIN y/o IRSN *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12 ocultar_ingreso_ITIN_IRSN">

                                    {*ITIN*}
                                    <div class="mb-3 row">
                                        <label for="ITIN" class="col-sm-3"><span class="h6 color_negro"> Ingresar ITIN
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-12 col-sm-3 mt-1">
                                          <input type="text" id="ITIN1" name="ITIN1" class="form-control tener_ITIN1" value="{$data_form_w_7["otra_informacion_ITIN1"]}">
                                        </div>

                                        <div class="col-12 col-sm-3 mt-1">
                                          <input type="text" id="ITIN2" name="ITIN2" class="form-control tener_ITIN2" value="{$data_form_w_7["otra_informacion_ITIN2"]}" >
                                        </div>

                                        <div class="col-12 col-sm-3 mt-1">
                                          <input type="text" id="ITIN3" name="ITIN3" class="form-control tener_ITIN3" value="{$data_form_w_7["otra_informacion_ITIN3"]}" >
                                        </div>
                                    </div>

                                    {*IRSN*}
                                    <div class="mb-3 row">
                                        <label for="IRSN" class="col-sm-3"><span class="h6 color_negro"> Ingresar el IRSN
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-12 col-sm-3 mt-1">
                                          <input type="text" id="IRSN1" name="IRSN1" class="form-control tener_IRSN1" value="{$data_form_w_7["otra_informacion_IRSN1"]}" >
                                        </div>

                                        <div class="col-12 col-sm-3 mt-1">
                                          <input type="text" id="IRSN2" name="IRSN2" class="form-control tener_IRSN2" value="{$data_form_w_7["otra_informacion_IRSN2"]}"  >
                                        </div>

                                        <div class="col-12 col-sm-3 mt-1">
                                          <input type="text" id="IRSN3" name="IRSN3" class="form-control tener_IRSN3"  value="{$data_form_w_7["otra_informacion_IRSN3"]}" >
                                        </div>
                                    </div>

                                    {*solo texto*}
                                    <div class="mb-3 row">
                                        <label for="IRSN_" class="col-sm-12"><span class="h6 color_negro"> nombre con el que se emitió
                                        </span><span class="text-danger">*</span></label>
                                    </div>

                                    {* ITIN_IRSN_primer_nombre *}
                                    <div class="mb-3 row">
                                        <label for="ITIN_IRSN_primer_nombre" class="col-sm-3"><span class="h6 color_negro"> Nombre
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9 mt-1">
                                          <input type="text" id="ITIN_IRSN_primer_nombre" name="ITIN_IRSN_primer_nombre" class="form-control tener_ITIN_IRSN_primer_nombre" disabled  value="{$data_form_w_7["otra_informacion_ITIN_IRSN_primer_nombre"]}" >
                                        </div>
 
                                    </div>

                                    {* ITIN_IRSN_segundo_nombre *}
                                    <div class="mb-3 row">
                                        <label for="ITIN_IRSN_segundo_nombre" class="col-sm-3"><span class="h6 color_negro"> Segundo nombre
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9 mt-1">
                                          <input type="text" id="ITIN_IRSN_segundo_nombre" name="ITIN_IRSN_segundo_nombre" class="form-control tener_ITIN_IRSN_segundo_nombre" value="{$data_form_w_7["otra_informacion_ITIN_IRSN_segundo_nombre"]}" disabled >
                                        </div>
 
                                    </div>

                                    {* ITIN_IRSN_apellido *}
                                    <div class="mb-3 row">
                                        <label for="ITIN_IRSN_apellido" class="col-sm-3"><span class="h6 color_negro"> Apellido
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9 mt-1">
                                          <input type="text" id="ITIN_IRSN_apellido" name="ITIN_IRSN_apellido" class="form-control tener_ITIN_IRSN_apellido" value="{$data_form_w_7["otra_informacion_ITIN_IRSN_apellido"]}" disabled>
                                        </div>
 
                                    </div>
              
                                 </div>

                                 {* documento_nombre_universidad_empresa *}
                                 {*
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="documento_nombre_universidad_empresa" class="col-sm-3"><span class="h6 color_negro"> Nombre de la universidad o empresa (ver instrucciones)
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="documento_nombre_universidad_empresa" name="documento_nombre_universidad_empresa" class="form-control tener_documento_nombre_universidad_empresa" value="{$data_form_w_7["otra_informacion_nombre_universidad_empresa"]}" >
                                        </div>
                                    </div>
              
                                 </div>
                                 *}

                                 {* documento_ciudad_estado *}
                                 {*
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="documento_ciudad_estado" class="col-sm-3"><span class="h6 color_negro"> City and state
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="documento_ciudad_estado" name="documento_ciudad_estado" class="form-control tener_documento_ciudad_estado" value="{$data_form_w_7["otra_informacion_ciudad_estado"]}" >
                                        </div>
                                    </div>
              
                                 </div>
                                 *}

                                 {* documento_duracion_estancia Duración de la estancia *}
                                 {*
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="documento_duracion_estancia" class="col-sm-3"><span class="h6 color_negro"> Length of stay
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="documento_duracion_estancia" name="documento_duracion_estancia" class="form-control tener_documento_duracion_estancia" value="{$data_form_w_7["otra_informacion_duracion_estancia"]}" >
                                        </div>
                                    </div>
              
                                 </div>
                                 *}

                                 {* Sign Here -----------------------*}
                                 <div class="col-md-12 col-sm-12 " style="
                                          background-color: #edf2f9;
                                          border-radius: 11px;
                                          padding: 10px !important;
                                          margin-bottom: 14px;
                                       ">
                                    <span class="h3 color_negro">* Firma Aqui </span>
                                    <br>
                                    <span>
                                    Bajo pena de perjurio, yo (solicitante/delegado/agente tramitador) declaro que he examinado esta solicitud, incluida la documentación y las declaraciones adjuntas, y que, según mi leal saber y entender, es verdadera, correcta y completa. Autorizo ​​al IRS a compartir información con mi agente tramitador para perfeccionar este Formulario W-7, Solicitud de Número de Identificación Personal del Contribuyente del IRS.
                                    </span>
                                 </div>

                                 {* firma_firma_solicitante *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" hidden>

                                    <div class="mb-3 row">
                                        <label for="firma_firma_solicitante" class="col-sm-3"><span class="h6 color_negro"> Signature of applicant (if delegate, see instructions)
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="firma_firma_solicitante" name="firma_firma_solicitante" class="form-control tener_firma_firma_solicitante" value="{$data_form_w_7["firma_firma_solicitante"]}" >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* firma_fecha_solicitante *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="firma_fecha_solicitante" class="col-sm-3"><span class="h6 color_negro"> Fecha (mes/día/año)
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="firma_fecha_solicitante" name="firma_fecha_solicitante" class="form-control tener_firma_fecha_solicitante" value="{$firma_fecha_solicitante}" disabled  >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* firma_nombre_delegado *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" hidden>

                                    <div class="mb-3 row">
                                        <label for="firma_nombre_delegado" class="col-sm-3"><span class="h6 color_negro"> Name of delegate, if applicable (type or print)
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="firma_nombre_delegado" name="firma_nombre_delegado" class="form-control tener_firma_nombre_delegado" value="{$data_form_w_7["firma_nombre_delegado"]}" >
                                        </div>
                                    </div>
              
                                 </div>

                                  {* firma_fecha_delegado *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" hidden>

                                    <div class="mb-3 row">
                                        <label for="firma_fecha_delegado" class="col-sm-3"><span class="h6 color_negro"> Date
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="firma_fecha_delegado" name="firma_fecha_delegado" class="form-control tener_firma_fecha_delegado" value="{$firma_fecha_delegado}" readonly disabled>
                                        </div>
                                    </div>
              
                                 </div>

                                 {* firma_telefono_delegado *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="firma_telefono_delegado" class="col-sm-3"><span class="h6 color_negro"> Número de teléfono
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="firma_telefono_delegado" name="firma_telefono_delegado" class="form-control tener_firma_telefono_delegado" value="{$data_form_w_7["firma_telefono_delegado"]}"  >
                                        </div>
                                    </div>
              
                                 </div>

                                 {*solo texto*}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" hidden>

                                    <div class="mb-3 row">
                                        <label for="firma_telefono_delegado" class="col-sm-3"><span class="h6 color_negro"> Delegate’s relationship to applicant
                                        </label>
                                    </div>
              
                                 </div>

                                 {* firma_nombre_madre Parent *}
                                 <div class="col-md-12 col-sm-12 mt-1" hidden>
                                    <div class="mb-3 row">

                                       <div class="col-sm-3">
                                          <span class="h6 color_negro"></span>
                                          <input class="form-check-input tener_firma_nombre_madre" type="checkbox" value="" id="firma_nombre_madre" {if $data_form_w_7["firma_nombre_madre"] eq 1} checked {/if} >
                                       </div>

                                       <div class="col-sm-9">
                                         <label for="firma_nombre_madre"><span class="h6 color_negro"> Parent </label>
                                       </div>

                                    </div>
                                 </div>

                                 {* firma_tutor_designado_tribunal Tutor designado por el tribunal *}
                                 <div class="col-md-12 col-sm-12 mt-1" hidden>
                                    <div class="mb-3 row">

                                       <div class="col-sm-3">
                                          <span class="h6 color_negro"></span>
                                          <input class="form-check-input tener_firma_tutor_designado_tribunal" type="checkbox" value="" id="firma_tutor_designado_tribunal"  {if $data_form_w_7["firma_tutor_designado_tribunal"] eq 1} checked {/if} >
                                       </div>

                                       <div class="col-sm-9">
                                         <label for="firma_tutor_designado_tribunal"><span class="h6 color_negro"> Court-appointed guardian </label>
                                       </div>

                                    </div>
                                 </div>

                                 {* firma_poder_legal Poder legal *}
                                 <div class="col-md-12 col-sm-12 mt-1" hidden>
                                    <div class="mb-3 row">

                                       <div class="col-sm-3">
                                          <span class="h6 color_negro"></span>
                                          <input class="form-check-input tener_firma_poder_legal" type="checkbox" value="" id="firma_poder_legal" {if $data_form_w_7["firma_poder_legal"] eq 1} checked {/if} >
                                       </div>

                                       <div class="col-sm-9">
                                         <label for="firma_poder_legal"><span class="h6 color_negro"> Power of attorney </label>
                                       </div>

                                    </div>
                                 </div>

                                 {*------------------*}

                                 {* Acceptance Agent’s Use ONLY -----------------------*}
                                 <div class="col-md-12 col-sm-12 " style="
                                          background-color: #edf2f9;
                                          border-radius: 11px;
                                          padding: 10px !important;
                                          margin-bottom: 14px;
                                       " hidden>
                                    <span class="h3 color_negro">* Acceptance Agent’s Use ONLY </span>
                                   
                                 </div>

                                 {* firma_firma *}
                                 {*
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="firma_firma" class="col-sm-3"><span class="h6 color_negro"> Signature
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="firma_firma" name="firma_firma" class="form-control tener_firma_firma" value="{$data_form_w_7["firma_firma"]}"   >
                                        </div>
                                    </div>
              
                                 </div>
                                 *}

                                 {* firma_fecha *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" hidden>

                                    <div class="mb-3 row">
                                        <label for="firma_fecha" class="col-sm-3"><span class="h6 color_negro"> Date (month / day / year)
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="firma_fecha" name="firma_fecha" class="form-control tener_firma_fecha" value="{$firma_fecha}" disabled  >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* firma_telefono1 *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" hidden>

                                    <div class="mb-3 row">
                                        <label for="firma_telefono1" class="col-sm-3"><span class="h6 color_negro"> Phone
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="firma_telefono1" name="firma_telefono1" class="form-control tener_firma_telefono1" value="804-447-1780" disabled >
                                        </div>
                                    </div>
              
                                 </div>

                                  

                                 {* firma_fax1 *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" hidden>

                                    <div class="mb-3 row">
                                        <label for="firma_fax1" class="col-sm-3"><span class="h6 color_negro"> Fax
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="firma_fax1" name="firma_fax1" class="form-control tener_firma_fax1" value="804-430-6283" disabled >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* firma_nombre *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" hidden>

                                    <div class="mb-3 row">
                                        <label for="firma_nombre" class="col-sm-3"><span class="h6 color_negro"> Name and title (type or print)
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="firma_nombre" name="firma_nombre" class="form-control tener_firma_nombre" value="LESLIE Y SUAREZ BONILLA"  disabled >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* firma_nombre_compania *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" hidden>

                                    <div class="mb-3 row">
                                        <label for="firma_nombre_compania" class="col-sm-3"><span class="h6 color_negro"> Name of company
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="firma_nombre_compania" name="firma_nombre_compania" class="form-control tener_firma_nombre_compania"  value="HISPANOS DE EXITO LLC" disabled >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* firma_nombre_fecha *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" hidden>

                                    <div class="mb-3 row">
                                        <label for="firma_nombre_fecha" class="col-sm-3"><span class="h6 color_negro"> Date
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="firma_nombre_fecha" name="firma_nombre_fecha" class="form-control tener_firma_nombre_fecha" value="{$firma_fecha_delegado}" readonly disabled>
                                        </div>
                                    </div>
              
                                 </div>

                                 {* firma_nombre_EIN *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" hidden>

                                    <div class="mb-3 row">
                                        <label for="firma_nombre_EIN" class="col-sm-3"><span class="h6 color_negro"> EIN
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="firma_nombre_EIN" name="firma_nombre_EIN" class="form-control tener_firma_nombre_EIN" value="84-3661841" disabled >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* firma_nombre_PTIN *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" hidden>

                                    <div class="mb-3 row">
                                        <label for="firma_nombre_PTIN" class="col-sm-3"><span class="h6 color_negro"> PTIN
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="firma_nombre_PTIN" name="firma_nombre_PTIN" class="form-control tener_firma_nombre_PTIN" value="P0-2396994" disabled >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* firma_nombre_office_code *}
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" hidden>

                                    <div class="mb-3 row">
                                        <label for="firma_nombre_office_code" class="col-sm-3"><span class="h6 color_negro"> Office code
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">
                                            <input type="text" id="firma_nombre_office_code" name="firma_nombre_office_code" class="form-control tener_firma_nombre_office_code"  value="00548987" disabled >
                                        </div>
                                    </div>
              
                                 </div>

                                 {* documento -----------------------*}
                                 <div class="col-md-12 col-sm-12 " style="
                                          background-color: #edf2f9;
                                          border-radius: 11px;
                                          padding: 10px !important;
                                          margin-bottom: 14px;
                                       "  >
                                    <span class="h3 color_negro">*  Documentos </span>
                                   
                                 </div>

                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="mb-3 row">
                                        <label for="firma_nombre_office_code" class="col-sm-3"><span class="h6 color_negro">  Por favor proporcione una imagen clara de su pasaporte, donde muestre la información.
                                        </span><span class="text-danger">*</span></label>

                                        <div class="col-sm-9">

                                             <input id="logotipo"  name="logotipo" type="file" id="imagenInput" class="form-control imagenSeleccionada"  >
                                        </div>
                                    </div>
              
                                 </div>

 
                                 <div class="col-12 col-md-12 col-sm-12 col-lg-12" {if $url_documento eq '' }hidden{/if}>

                                    <div class="mb-3 row">
                                       <label for="firma_nombre_office_code" class="col-sm-3">
                                          <span class="h6 color_negro">  
                                             Click en el icono para ver el archivo subido
                                          </span> 
                                       </label>

                                        <div class="col-sm-9 text-center" >

                                             <a href="{$url_documento}" target="_blank"> 
                                                <svg style="height: 29px;" class="svg-inline--fa fa-arrow-alt-circle-down fa-w-16 text-900 fs-6" aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-alt-circle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z"></path></svg>
                                                Descargar Archivo
                                             </a>

                                         </div>
                                    </div>
              
                                 </div>



                            <div class="row" style="margin:0px;">
                                <div class="col-md-12" style="padding:0px">
                                    <div class="mb-3" style='float: inline-end;'>
                                        
                                       {* {if $user["roleid"] eq 3}disabled{/if} *}  

                                       {if $forms_states_id eq 1 }
                                          <button class="btn btn-primary mt-3 " type="button" id="submit">Save and Send</button>
                                       {/if}

                                         

                                    </div>
                                </div>
                            </div>


                        </form>

                       
                    </div>

                  

                </div>
 
                <div class="block bloqueo_v1" style="display:none" hidden></div>
                <div class="block blockOverlay bloqueo_v2" hidden style="z-index: 1000; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.6; cursor: wait; position: absolute;" ></div>
                <div
                    class="block blockMsg blockElement bloqueo_v3"
                    hidden
                    style="
                        z-index: 1011;
                        position: absolute;
                        padding: 0px;
                        margin: 0px;
                        width: 100%;
                        top: 370px;
                         
                        text-align: center;
                        color: rgb(0, 0, 0);
                        cursor: wait;
                    "
                    >
                     
                    <div class="md-preloader text-center">
                        <svg
                            xmlns="http://www.w3.org/2000/svg"
                            version="1.1"
                            height="32"
                            width="32"
                            viewBox="0 0 75 75"
                        >
                            <circle cx="37.5" cy="37.5" r="33.5" stroke-width="6"></circle>
                        </svg>
                    </div>

                     <div class="text-center mt-6" style="
                                                                color: white;
                                                                font-weight: 600;
                                                                font-size: 15px;
                                                            ">
                        This process may take up to 5 minutes. Please do not refresh or close the window.
                    </div>
                </div>

               
            </div>
        </div>
    </div>
</div>

 
{* modal para copia link de acceso a Formulario IRS *}
<div class="modal fade" id="modalFormIRS" tabindex="-1" aria-labelledby="modalFormIRS" aria-hidden="true"  data-bs-backdrop="static" >
         <div class="modal-dialog modal-lg" style="width: 80%; max-width: 80%;">
            <div class="modal-content" style="background-color:white">
               <div class="modal-header">
               <h5 class="modal-title" id="modalFormIRS">Form sent</h5>
               {* <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> *}  
               </div>

               <div class="modal-body" style="background-color:white;border-radius:10px">
                
                  <div class="row">
                     <div class="col-md-12">

                        <div class="panel-container show" id="ibox_form">

                                 <div class="panel-content">

                                    <div class="px-2">
                                          <div class="alert alert-danger" id="emsg" style="display: none;">
                                             <span id="emsgbody"></span>
                                          </div>

                                          <form id="rform">

                                             <div class="row">
                                             {* correo electronico *}
                                                <div class="col-md-12 col-sm-12">
                                                      <div class="mb-3 row">
                                                         <label class="col-sm-3"><span class="h6">El formulario ha sido enviado a la direccion de correo electronica</span></label>
                                                         <div class="col-sm-9">
                                                            <input type="text" class="form-control modal_correo" readonly disabled>
                                                         </div>
                                                      </div>
                                                </div>

                                                {* codigo de accesso *}
                                                <div class="col-md-12 col-sm-12">
                                                      <div class="mb-3 row">
                                                         <label  class="col-sm-3"><span class="h6">Código de acceso</span></label>
                                                         <div class="col-sm-9">
                                                            <input type="text" class="form-control modal_codigo_acceso" readonly disabled>
                                                         </div>
                                                      </div>
                                                </div>

                                                {* codigo de verificacion *}
                                                <div class="col-md-12 col-sm-12">
                                                      <div class="mb-3 row">
                                                         <label class="col-sm-3"><span class="h6">Código de verificación</span></label>
                                                         <div class="col-sm-9">
                                                            <input type="text" class="form-control modal_codigo_verificacion" readonly disabled>
                                                         </div>
                                                      </div>
                                                </div>

                                                {* esta es una url de acceso *}
                                                <div class="col-md-12 col-sm-12">
                                                      <div class="mb-3 row">

                                                         <label for="Customers" class="col-sm-3"><span class="h6">Access URL:</span> </label>

                                                         <div class="col-sm-9">
                                                            <a href="#" target="_blank" class="url_access"> <span class="h6">#</span></a>
                                                         </div>

                                                      </div>
                                                </div>

                                             </div>


                                             <div class="row">
                                                <div class="col-md-12">
                                                      <div class="mb-3" style="float: inline-end;">
                                                         <button class="btn btn-primary mt-3" type="button" id="submit_modal_confirmacion_correo" >Close</button>
                                                      </div>
                                                </div>
                                             </div>


                                          </form>
                                    </div>

                                 </div>



                              </div>
                     </div>
                  </div>
                
               </div>
               
            </div>
         </div>
</div>



{/block}

{block name="script"}

{literal}

<script>
  $(document).ready(function () {
    // Detectar cambio en el select
    $('#pais_ciudadania').on('change', function () {
      // Obtener el texto de la opción seleccionada
      var selectedText = $(this).find('option:selected').text();
      
      // Asignar el texto al input
      $('#documento_expedido_por').val(selectedText);
    });
  });
</script>


<script>

    var URL_BASE = $("#URL_BASE").val();
    var ID_USER = $("#ID_USER").val();
    var STAFF_ID_BACKEND = $("#staff_id_backend").val();
    var UUID_ENC_backend = $("#UUID_ENC_backend").val();

    var existe_informacion_backend = $("#existe_informacion_backend").val();

    var id_form_w_7_backend = $("#id_form_w_7_backend").val();

    var forms_states_id_backend = $("#forms_states_id_backend").val();

     
    
    var URL_FORM_ISR_original = $("#URL_FORM_ISR_original").val();

    var roll_id = $("#roll_id").val();

    $('.tenerPreguntaEnviarCorreo').val($("#question_mail_sent_backend").val());  
    $('.tenerCorreoElectronico').val($("#email_backend").val()); 

    $('.tenerAccessCode').val($("#tenerAccessCode_backend").val()); 
    $('.tenerVerificationCode').val($("#verification_code_backend").val()); 

    //$("#country").select2({
    //   dropdownParent: $('#addContacto')  // Ajusta el modal donde aparece el select2
    //}).on('select2:open', function() {
    //   $('.select2-container--open').css('z-index', 9999);  // Ajusta el z-index
    //});

    $('.tenerCustomers').val($("#customer_id_backend").val());  

    $('.tenertipoFormulario').val($("#forms_category_id_backend").val());  

    $('.tenerAssignedStaff').val($("#staff_id_backend").val());  

    $('.ocultar_campo_d').hide();
    $('.ocultar_campo_d_e').hide();
    $('.ocultar_campo_h').hide();
    $('.ocultar_campo_a_f').hide();
    $('.ocultar_campo_documentos_otros').hide();
    $('.ocultar_ingreso_ITIN_IRSN').hide();

   if(existe_informacion_backend == true )
   {
       var informacion_nacimiento_pais_nacimiento_backend = $("#informacion_nacimiento_pais_nacimiento_backend").val();
     
      $(".tener_pais_nacimiento").val(informacion_nacimiento_pais_nacimiento_backend);
      $(".tener_genero").val($("#informacion_nacimiento_genero_backend").val());

      $(".tener_pais_ciudadania").val($("#otra_informacion_pais_ciudadania_backend").val());

      $(".tener_recibido_ITIN_o_IRSN").val($("#otra_informacion_recibido_ITIN_o_IRSN_backend").val());


      if(forms_states_id_backend != 1)
      {
         $('input, select, textarea').prop('disabled', true);
      }
       

      habilitar_carga_check();

   }

   var base_64_documento = "";
   var documento_extension = "";
    
    //a_f_numero_articulo_tratado_opcional

    $(document).ready(function () {

        $(".progress").hide();
        $("#emsg").hide();
        $("#emsgSuccess").hide();

        var _url = '{$_url}';
    
        //para activar el customers
        $country = $("#pais_nacimiento");
        $country.select2();

        $("#pais_ciudadania").select2();
 
        $('#submit_modal_confirmacion_correo').on('click', function() {
            window.location = url_dashboard;    
        });

         $('.imagenSeleccionada').change(function(event) {
            
            const file = event.target.files[0];
            if (file == null || file == undefined) {
               return;
            }

            if (!(file.type.startsWith('image/') || file.type === 'application/pdf')) {
               alert('El archivo debe ser una imagen o un PDF.');
               $('.imagenSeleccionada').val('');
               return;
            }

            // Obtener la extensión del archivo
            const fileName = file.name;
            const fileExtension = fileName.split('.').pop().toLowerCase();
            console.log('Extensión del archivo:', fileExtension);

            documento_extension = fileExtension;

            // Leer el archivo y convertirlo a Base64
            const reader = new FileReader();
            reader.onload = function(e) {
               const base64Full = e.target.result; // Base64 completo

               const base64WithoutPrefix = base64Full.split(',')[1];
               console.log(base64WithoutPrefix);

               base_64_documento = base64WithoutPrefix;
            };

            reader.onerror = function() {
               alert('Hubo un error al leer el archivo.');
            };

            reader.readAsDataURL(file); // Convertir el archivo a Base64

         });

         $(".tener_aplicar_nuevo_ITIN").on('change', function() {
            if ($(this).is(':checked')) {
               //console.log('El radio button está seleccionado: ' + $(this).attr('id'));

               $('.ocultar_ingreso_ITIN_IRSN').hide();

               $('.tener_ITIN1').val("");
               $('.tener_ITIN2').val("");
               $('.tener_ITIN3').val("");

               $('.tener_IRSN1').val("");
               $('.tener_IRSN2').val("");
               $('.tener_IRSN3').val("");

               $('.tener_ITIN_IRSN_primer_nombre').val("");
               $('.tener_ITIN_IRSN_segundo_nombre').val("");
               $('.tener_ITIN_IRSN_apellido').val("");

               $('.tener_recibido_ITIN_o_IRSN').val("No");
            }
         });

         $(".tener_renovar_ITIN").on('change', function() {
            if ($(this).is(':checked')) {
               //console.log('El radio button está seleccionado: ' + $(this).attr('id'));
              
               $('.ocultar_ingreso_ITIN_IRSN').show();

               $('.tener_recibido_ITIN_o_IRSN').val("Yes");
            }
         });

        //.......

         $('.tener_primer_nombre1').on('input', function () {
            
            const value = $(this).val();

            $('.tener_ITIN_IRSN_primer_nombre').val(value);
             
         });

         $('.tener_segundo_nombre1').on('input', function () {
            
            const value = $(this).val();

            $('.tener_ITIN_IRSN_segundo_nombre').val(value);
             
         });

         $('.tener_ultimo_nombre1').on('input', function () {
            
            const value = $(this).val();

            $('.tener_ITIN_IRSN_apellido').val(value);
             
         });

         //informacion

         $('.tener_ITIN1').on('input', function () {
            const maxLength = 3; // Máximo de caracteres permitido
            const value = $(this).val();

            // Si el valor excede el máximo, lo recortamos
            if (value.length > maxLength) {
               $(this).val(value.substring(0, maxLength));
            }
         });

         $('.tener_ITIN2').on('input', function () {
            const maxLength = 2; // Máximo de caracteres permitido
            const value = $(this).val();

            // Si el valor excede el máximo, lo recortamos
            if (value.length > maxLength) {
               $(this).val(value.substring(0, maxLength));
            }
         });

         $('.tener_ITIN3').on('input', function () {
            const maxLength = 4; // Máximo de caracteres permitido
            const value = $(this).val();

            // Si el valor excede el máximo, lo recortamos
            if (value.length > maxLength) {
               $(this).val(value.substring(0, maxLength));
            }
         });

         $('.tener_IRSN1').on('input', function () {
            const maxLength = 3; // Máximo de caracteres permitido
            const value = $(this).val();

            // Si el valor excede el máximo, lo recortamos
            if (value.length > maxLength) {
               $(this).val(value.substring(0, maxLength));
            }
         });

         $('.tener_IRSN2').on('input', function () {
            const maxLength = 2; // Máximo de caracteres permitido
            const value = $(this).val();

            // Si el valor excede el máximo, lo recortamos
            if (value.length > maxLength) {
               $(this).val(value.substring(0, maxLength));
            }
         });

         $('.tener_IRSN3').on('input', function () {
            const maxLength = 4; // Máximo de caracteres permitido
            const value = $(this).val();

            // Si el valor excede el máximo, lo recortamos
            if (value.length > maxLength) {
               $(this).val(value.substring(0, maxLength));
            }
         });
  
        $("#submit").click(function (e) {
            e.preventDefault();
 
            //variables para solicitar/renovacion de ITIN --------------------------------
            let tener_aplicar_nuevo_ITIN = $(".tener_aplicar_nuevo_ITIN").is(":checked");
            let tener_renovar_ITIN = $(".tener_renovar_ITIN").is(":checked");

            if(tener_aplicar_nuevo_ITIN == true)
            {
               $('.tener_ITIN_IRSN_primer_nombre').val("");
               $('.tener_ITIN_IRSN_segundo_nombre').val("");
               $('.tener_ITIN_IRSN_apellido').val("");
            }
 
            let tener_a = $(".tener_a").is(":checked");
            let tener_b = $(".tener_b").is(":checked");
            let tener_c = $(".tener_c").is(":checked");
   
            let tener_d = $(".tener_d").is(":checked");
            let tener_d_opcional = $(".tener_d_opcional").val();

            let tener_e = $(".tener_e").is(":checked");
            let tener_d_e_opcional = $(".tener_d_e_opcional").val();
            
            let tener_f = $(".tener_f").is(":checked");

            let tener_a_f_pais_tratado_opcional = $(".tener_a_f_pais_tratado_opcional").val();
            let tener_a_f_numero_articulo_tratado_opcional = $(".tener_a_f_numero_articulo_tratado_opcional").val();

            let tener_g = $(".tener_g").is(":checked");

            let tener_h = $(".tener_h").is(":checked");
            let tener_h_opcional = $(".tener_h_opcional").val();

            //variables Nombre ------------------------------------------------------------
            let tener_primer_nombre1 = $(".tener_primer_nombre1").val();
            let tener_segundo_nombre1 = $(".tener_segundo_nombre1").val();
            let tener_ultimo_nombre1 = $(".tener_ultimo_nombre1").val();

            let tener_primer_nombre2 = $(".tener_primer_nombre2").val();
            let tener_segundo_nombre2 = $(".tener_segundo_nombre2").val();
            let tener_ultimo_nombre2 = $(".tener_ultimo_nombre2").val();

            //variables Direccion postal de solicitante ------------------------------------
            let tener_direccion_apartado_postal = $(".tener_direccion_apartado_postal").val();
            let tener_ciudad1 = $(".tener_ciudad1").val();

            //Dirección en el extranjero (no en EE. UU.) (ver instrucciones) ---------------
            let tener_direccion_no_apartado_postal = $(".tener_direccion_no_apartado_postal").val();
            let tener_ciudad_2 = $(".tener_ciudad_2").val();

            //variables de Información de nacimiento ---------------------------------------
            let tener_fecha_nacimiento = $(".tener_fecha_nacimiento").val();

            let tener_pais_nacimiento = $(".tener_pais_nacimiento").val();

            let tener_ciudad_estado_provincia = $(".tener_ciudad_estado_provincia").val();

            let tener_genero = $(".tener_genero").val();

            //variables de otra informacion ------------------------------------------------
            let tener_pais_ciudadania                             = $(".tener_pais_ciudadania").val();
            let tener_numero_identificacion_fiscal_extranjero     = $(".tener_numero_identificacion_fiscal_extranjero").val();
            let tener_tipo_visa_estadounidense                    = $(".tener_tipo_visa_estadounidense").val();

            let tener_documentos_pasaporte           = $(".tener_documentos_pasaporte").is(":checked");
            let tener_documentos_licencia_conducir   = $(".tener_documentos_licencia_conducir").is(":checked");
            let tener_documentos_documentacion_USCIS = $(".tener_documentos_documentacion_USCIS").is(":checked");
            let tener_documentos_otros               = $(".tener_documentos_otros").is(":checked");

            let tener_documentos_otros_opcional      = $(".tener_documentos_otros_opcional").val(); // se habilita cuando se seleciona tener_documentos_otros

            let tener_documento_expedido_por         = $(".tener_documento_expedido_por").val();
            let tener_documento_No                   = $(".tener_documento_No").val();
            let tener_documento_fecha_caducidad      = $(".tener_documento_fecha_caducidad").val();

            let tener_documento_fecha_entrada_usa    = $(".tener_documento_fecha_entrada_usa").val();
            let tener_recibido_ITIN_o_IRSN           = $(".tener_recibido_ITIN_o_IRSN").val();
            

            //cuando tener_recibido_ITIN_o_IRSN es si estos campos se llenan
            let tener_ITIN1                          = $(".tener_ITIN1").val();
            let tener_ITIN2                          = $(".tener_ITIN2").val();
            let tener_ITIN3                          = $(".tener_ITIN3").val();

            let tener_IRSN1                          = $(".tener_IRSN1").val();
            let tener_IRSN2                          = $(".tener_IRSN2").val();
            let tener_IRSN3                          = $(".tener_IRSN3").val();

            let tener_ITIN_IRSN_primer_nombre        = $(".tener_ITIN_IRSN_primer_nombre").val();
            let tener_ITIN_IRSN_segundo_nombre       = $(".tener_ITIN_IRSN_segundo_nombre").val();
            let tener_ITIN_IRSN_apellido             = $(".tener_ITIN_IRSN_apellido").val();
            //cuando tener_recibido_ITIN_o_IRSN es si estos campos se llenan

            let tener_documento_nombre_universidad_empresa   = $(".tener_documento_nombre_universidad_empresa").val();

            let tener_documento_ciudad_estado        = $(".tener_documento_ciudad_estado").val();

            let tener_documento_duracion_estancia    = $(".tener_documento_duracion_estancia").val();

            //Sign Here (firma aqui) ------------------------------------------------------
            let tener_firma_firma_solicitante                 = $(".tener_firma_firma_solicitante").val();
            let tener_firma_fecha_solicitante                 = $(".tener_firma_fecha_solicitante").val();

            let tener_firma_nombre_delegado    = $(".tener_firma_nombre_delegado").val();

            let tener_firma_fecha_delegado     = $(".tener_firma_fecha_delegado").val();

            let tener_firma_telefono_delegado  = $(".tener_firma_telefono_delegado").val();

             
            let tener_firma_nombre_madre       = $(".tener_firma_nombre_madre").is(":checked");

            let tener_firma_tutor_designado_tribunal = $(".tener_firma_tutor_designado_tribunal").is(":checked");

            let tener_firma_poder_legal              = $(".tener_firma_poder_legal").is(":checked");

            //Acceptance Agent’s Use ONLY (Uso exclusivo del agente de aceptación) -------------------------

             
            let tener_firma_firma                 = "";//$(".tener_firma_firma").val();

            let tener_firma_fecha                 = $(".tener_firma_fecha").val();

            let tener_firma_nombre                 = $(".tener_firma_nombre").val();
            let tener_firma_nombre_compania        = $(".tener_firma_nombre_compania").val();
            let tener_firma_nombre_fecha           = $(".tener_firma_nombre_fecha").val();

            let tener_firma_nombre_EIN             = $(".tener_firma_nombre_EIN").val();
            let tener_firma_nombre_PTIN            = $(".tener_firma_nombre_PTIN").val();
            let tener_firma_nombre_office_code     = $(".tener_firma_nombre_office_code").val();

            let tener_firma_fax1          = $(".tener_firma_fax1").val();
            let tener_firma_telefono1     = $(".tener_firma_telefono1").val();

       

            //validaciones
            if(tener_aplicar_nuevo_ITIN == false && tener_renovar_ITIN == false)
            {
               toastr.error("!Es necesario seleccionar Aplicar/Renovar ITIN¡");
               return;
            }

            if(tener_d == true)
            {
               if(isEmpty(tener_d_opcional))
               {

                  toastr.options.onclick = function() {
                     const targetDiv = document.querySelector('.tener_d_opcional');
                     
                     if (targetDiv) {
                        targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     }
                  }

                  toastr.error("!En el campo (d) se requiere ingresar la relación con el ciudadano estadounidense o extranjero residente.¡");
                  return;
               }

               if(isEmpty(tener_d_e_opcional))
               {
                  toastr.options.onclick = function() {
                     const targetDiv = document.querySelector('.tener_d_e_opcional');
                     
                     if (targetDiv) {
                        targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     }
                  }

                  toastr.error("!En el campo (e) se requiere ingresar el nombre y el SSN/ITIN de los ciudadanos/residentes extranjeros de EE. UU.¡");
                  return;
               }
            }

            if(tener_e == true)
            {
               if(isEmpty(tener_d_e_opcional))
               {
                  toastr.options.onclick = function() {
                     const targetDiv = document.querySelector('.tener_d_e_opcional');
                     
                     if (targetDiv) {
                        targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     }
                  }

                  toastr.error("!En el campo (e) se requiere ingresar el nombre y el SSN/ITIN de los ciudadanos/residentes extranjeros de EE. UU.¡");
                  return;
               }
            }

            if(tener_h == true)
            {
               if(isEmpty(tener_h_opcional))
               {
                  toastr.options.onclick = function() {
                     const targetDiv = document.querySelector('.tener_h_opcional');
                     
                     if (targetDiv) {
                        targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     }
                  }

                  toastr.error("!El campo (h) de renovacion/solicitud de ITIN es seleccionado se requiere de una descripcion de otros.¡");
                  return;
               }
            }


            //validacion Nombre ------------------------------------------------------------
            //name 1
            if(isEmpty(tener_primer_nombre1))
            {
               toastr.options.onclick = function() {
                  const targetDiv = document.querySelector('.tener_primer_nombre1');
                  
                  if (targetDiv) {
                     targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  }
               }

               toastr.error('!En la sección "Nombre" se requiere el Nombre (1)¡');
               return;
            }

            if(isEmpty(tener_segundo_nombre1))
            {

               toastr.options.onclick = function() {
                  const targetDiv = document.querySelector('.tener_segundo_nombre1');
                  
                  if (targetDiv) {
                     targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  }
               }

               toastr.error('!En la sección "Nombre" se requiere el Segundo nombre (1)¡');
               return;
            }

            if(isEmpty(tener_ultimo_nombre1))
            {

               toastr.options.onclick = function() {
                  const targetDiv = document.querySelector('.tener_ultimo_nombre1');
                  
                  if (targetDiv) {
                     targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  }
               }

               toastr.error('!En la sección "Nombre" se requiere el Apellido (1)¡');
               return;
            }

            //name 2
            //if(isEmpty(tener_primer_nombre2))
            //{
            //   toastr.error('!The "Name" section the First name (2) is required¡');
            //   return;
            //}

            //if(isEmpty(tener_segundo_nombre2))
            //{
            //   toastr.error('!The "Name" section the Middle name (2) is required¡');
            //   return;
            //}

            //if(isEmpty(tener_ultimo_nombre2))
            //{
            //   toastr.error('!The "Name" section the Last name (2) is required¡');
            //   return;
            //}

            //validacion Dirección postal del solicitante ---------------------- 
            if(isEmpty(tener_direccion_apartado_postal))
            {

               toastr.options.onclick = function() {
                  const targetDiv = document.querySelector('.tener_direccion_apartado_postal');
                  
                  if (targetDiv) {
                     targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  }
               }

               toastr.error('!En la sección "Dirección postal del solicitante" se requiere la dirección postal.¡');
               return;
            }

            if(isEmpty(tener_ciudad1))
            {

               toastr.options.onclick = function() {
                  const targetDiv = document.querySelector('.tener_ciudad1');
                  
                  if (targetDiv) {
                     targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  }
               }

               toastr.error('!La sección "Dirección postal del solicitante" el campo ciudad/pueblo es obligatoria¡');
               return;
            }

            //validacion Dirección del extranjero ---------------------- 
            //if(isEmpty(tener_direccion_no_apartado_postal))
            //{
            //   toastr.error('!In the section "Applicants mailing address" the street address is required¡');
            //   return;
            //}

            //if(isEmpty(tener_ciudad_2))
            //{
            //   toastr.error('!The "Applicants Mailing Address" section city/town is required¡');
            //   return;
            //}

            //validacion de Información de nacimiento ---------------------------------------
            if(isEmpty(tener_fecha_nacimiento))
            {

               toastr.options.onclick = function() {
                  const targetDiv = document.querySelector('.tener_fecha_nacimiento');
                  
                  if (targetDiv) {
                     targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  }
               }

               toastr.error('!En la sección "Información de nacimiento" se requiere la fecha de nacimiento.¡');
               return;
            }

            if(isEmpty(tener_pais_nacimiento))
            {

               toastr.options.onclick = function() {
                  const targetDiv = document.querySelector('.tener_pais_nacimiento');
                  
                  if (targetDiv) {
                     targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  }
               }

               toastr.error('!En la sección "Información de nacimiento" se requiere el país de nacimiento.¡');
               return;
            }

            if(isEmpty(tener_ciudad_estado_provincia))
            {

               toastr.options.onclick = function() {
                  const targetDiv = document.querySelector('.tener_ciudad_estado_provincia');
                  
                  if (targetDiv) {
                     targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  }
               }


               toastr.error('!En la sección "Información de nacimiento", se requiere "Ciudad y estado o provincia".¡');
               return;
            }

            if(isEmpty(tener_genero))
            {

               toastr.options.onclick = function() {
                  const targetDiv = document.querySelector('.tener_genero');
                  
                  if (targetDiv) {
                     targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  }
               }

               toastr.error('!En la sección "Información de nacimiento" se requiere el género.¡');
               return;
            }
            
            //validacion de Información de otra ---------------------------------------
            if(isEmpty(tener_pais_ciudadania))
            {

               toastr.options.onclick = function() {
                  const targetDiv = document.querySelector('.tener_pais_ciudadania');
                  
                  if (targetDiv) {
                     targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  }
               }

               toastr.error('!En la sección "Otra información" se requiere el(los) país(es) de ciudadanía.¡');
               return;
            }

            if(tener_documentos_otros == true)
            {
               if(isEmpty(tener_documentos_otros_opcional))
               {

                  toastr.options.onclick = function() {
                     const targetDiv = document.querySelector('.tener_documentos_otros_opcional');
                     
                     if (targetDiv) {
                        targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     }
                  }

                  toastr.error('!En la sección "Otra Información" se selecciona la opción de otros, escribe en el campo detalles de otros¡');
                  return;
               }
            }

            if(isEmpty(tener_documento_expedido_por))
            {
               toastr.options.onclick = function() {
                  const targetDiv = document.querySelector('.tener_documento_expedido_por');
                  
                  if (targetDiv) {
                     targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  }
               }

               toastr.error('!En la sección "Otra Información" se requiere el Emitido por¡');
               return;
            }

            if(isEmpty(tener_documento_No))
            {

               toastr.options.onclick = function() {
                  const targetDiv = document.querySelector('.tener_documento_No');
                  
                  if (targetDiv) {
                     targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  }
               }

               toastr.error('!En la sección "Otra Información" se requiere el No.¡');
               return;
            }

            if(isEmpty(tener_documento_fecha_caducidad))
            {

               toastr.options.onclick = function() {
                  const targetDiv = document.querySelector('.tener_documento_fecha_caducidad');
                  
                  if (targetDiv) {
                     targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  }
               }

               toastr.error('!En la sección "Otra Información" se requiere la Fecha de caducidad.¡');
               return;
            }

            if(isEmpty(tener_documento_fecha_entrada_usa))
            {

               toastr.options.onclick = function() {
                  const targetDiv = document.querySelector('.tener_documento_fecha_entrada_usa');
                  
                  if (targetDiv) {
                     targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  }
               }

               toastr.error('!La sección "Otra información" indica la fecha de entrada a los Estados Unidos.¡');
               return;
            }

            if(isEmpty(tener_recibido_ITIN_o_IRSN))
            {

               toastr.options.onclick = function() {
                  const targetDiv = document.querySelector('.tener_recibido_ITIN_o_IRSN');
                  
                  if (targetDiv) {
                     targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  }
               }

               toastr.error('!La sección "Otra información" ¿Ha recibido anteriormente un ITIN o un Número de Servicio de Impuestos Internos (IRSN)? es obligatoria¡');
               return;
            }

            if(tener_recibido_ITIN_o_IRSN == "Yes")
            {
               if(isEmpty(tener_ITIN1))
               {

                  toastr.options.onclick = function() {
                     const targetDiv = document.querySelector('.tener_ITIN1');
                     
                     if (targetDiv) {
                        targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     }
                  }

                  toastr.error('!La sección "Otra Información" ITIN (1) es obligatoria¡');
                  return;
               }

               if(isEmpty(tener_ITIN2))
               {

                  toastr.options.onclick = function() {
                     const targetDiv = document.querySelector('.tener_ITIN2');
                     
                     if (targetDiv) {
                        targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     }
                  }

                  toastr.error('!La sección "Otra Información" ITIN (2) es obligatoria¡');
                  return;
               }

               if(isEmpty(tener_ITIN3))
               {

                  toastr.options.onclick = function() {
                     const targetDiv = document.querySelector('.tener_ITIN3');
                     
                     if (targetDiv) {
                        targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     }
                  }

                  toastr.error('!La sección "Otra Información" ITIN (3) es obligatoria¡');
                  return;
               }

               if(isEmpty(tener_IRSN1))
               {
                  toastr.options.onclick = function() {
                     const targetDiv = document.querySelector('.tener_IRSN1');
                     
                     if (targetDiv) {
                        targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     }
                  }

                  toastr.error('!La sección "Otra información" del IRS (1) es obligatoria¡');
                  return;
               }

               if(isEmpty(tener_IRSN2))
               {
                  toastr.options.onclick = function() {
                     const targetDiv = document.querySelector('.tener_IRSN2');
                     
                     if (targetDiv) {
                        targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     }
                  }

                  toastr.error('!La sección "Otra información" del IRS (2) es obligatoria¡');
                  return;
               }

               if(isEmpty(tener_IRSN3))
               {
                  toastr.options.onclick = function() {
                     const targetDiv = document.querySelector('.tener_IRSN3');
                     
                     if (targetDiv) {
                        targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     }
                  }

                  toastr.error('!La sección "Otra información" del IRS (3) es obligatoria¡');
                  return;
               }

               if(isEmpty(tener_ITIN_IRSN_primer_nombre))
               {
                  toastr.options.onclick = function() {
                     const targetDiv = document.querySelector('.tener_ITIN_IRSN_primer_nombre');
                     
                     if (targetDiv) {
                        targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     }
                  }

                  toastr.error('!La sección "Otra información" El nombre es obligatorio¡');
                  return;
               }

               if(isEmpty(tener_ITIN_IRSN_segundo_nombre))
               {
                  toastr.options.onclick = function() {
                     const targetDiv = document.querySelector('.tener_ITIN_IRSN_segundo_nombre');
                     
                     if (targetDiv) {
                        targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     }
                  }

                  toastr.error('!La sección "Otra información" El segundo nombre es obligatorio¡');
                  return;
               }

               if(isEmpty(tener_ITIN_IRSN_apellido))
               {
                  toastr.options.onclick = function() {
                     const targetDiv = document.querySelector('.tener_ITIN_IRSN_apellido');
                     
                     if (targetDiv) {
                        targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     }
                  }

                  toastr.error('!La sección "Otra información" El apellido es obligatorio¡');
                  return;
               }
            }

            //if(isEmpty(tener_documento_nombre_universidad_empresa))
            //{
            //   toastr.error('!In the "Other Information" section, the name of the university or company is required.¡');
            //   return;
            //}

            //if(isEmpty(tener_documento_ciudad_estado))
            //{
            //   toastr.error('!The "Other Information" section City and State is required¡');
            //   return;
            //}

            //if(isEmpty(tener_documento_duracion_estancia))
            //{
            //   toastr.error('!The "Other Information" section for the Length of Stay is required.¡');
            //   return;
            //}

            //validacion de Sign Here (firma aqui) ------------------------------------------------------
            //if(isEmpty(tener_firma_firma_solicitante))
            //{
            //   toastr.error('!The "Sign Here" section the "Signature of applicant" is required¡');
            //   return;
            //}

            //if(isEmpty(tener_firma_nombre_delegado))
            //{
            //   toastr.error('!The "Sign Here" section the Delegate’s name is required¡');
            //   return;
            //}

            if(isEmpty(tener_firma_fecha_delegado))
            {
               toastr.error('!The "Sign Here" section the Date is required¡');
               return;
            }

            if(isEmpty(tener_firma_telefono_delegado))
            {
               toastr.options.onclick = function() {
                     const targetDiv = document.querySelector('.tener_firma_telefono_delegado');
                     
                     if (targetDiv) {
                        targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     }
                  }

               toastr.error('!En la sección "Firme aquí" se requiere el número de teléfono¡');
               return;
            }

            //validacion de Acceptance Agent’s Use ONLY (Uso exclusivo del agente de aceptación) -------------------------
            if(isEmpty(tener_firma_telefono1))
            {
               toastr.error('!In the "Acceptance Agent Use Only" section, the Phone is required.¡');
               return;
            }

            if(isEmpty(tener_firma_fax1))
            {
               toastr.error('!In the "Acceptance Agent Use Only" section, the Fax is required.¡');
               return;
            }
            
            //if(isEmpty(tener_firma_firma))
            //{
            //   toastr.error('!The "Acceptance Agent Use Only" section the "Signature" is required¡');
            //   return;
            //}

            if(isEmpty(tener_firma_nombre))
            {
               toastr.error('!In the "Acceptance Agent Use Only" section, the Name and Title are required.¡');
               return;
            }

            if(isEmpty(tener_firma_nombre_compania))
            {
               toastr.error('!In the "Acceptance Agent Use Only" section, the Company Name is required.¡');
               return;
            }

            if(isEmpty(tener_firma_nombre_fecha))
            {
               toastr.error('!In the "Acceptance Agent Use Only" section, the date is required.¡');
               return;
            }

            if(isEmpty(tener_firma_nombre_EIN))
            {
               toastr.error('!In the "Acceptance Agent Use Only" section, the EIN is required.¡');
               return;
            }

            if(isEmpty(tener_firma_nombre_PTIN))
            {
               toastr.error('!In the "Acceptance Agent Use Only" section, the PTIN is required.¡');
               return;
            }

            if(isEmpty(tener_firma_nombre_office_code))
            {
               toastr.error('!In the "Acceptance Agent Use Only" section, the Office code is required¡');
               return;
            }


            if(existe_informacion_backend == false)
            {
               if(isEmpty(base_64_documento))
               {
                  toastr.error('!La seccion de "Documentos" el campo proporcione una imagen de su pasaporte es requerido.¡');
                  return;
               }
            }

             

            //base_64_documento

 
            //$('#ibox_form').block({ message:block_msg });

            //$(".bloqueo_v1").removeAttr("hidden");
            //$(".bloqueo_v2").removeAttr("hidden");
            //$(".bloqueo_v3").removeAttr("hidden");
            
            $("#emsg").hide();
            $("#emsgSuccess").hide();

            //console.log(base_url + 'parnerts/add-parnert-post/');
            //console.log($( "#rform" ).serialize());

          
            $("#submit").prop("disabled", true); // Deshabilitar el botón

            let [mes, dia, ano] = tener_firma_fecha_solicitante.split("/");

            tener_firma_fecha_solicitante = `${ano}-${mes}-${dia}`;
            
            let [mes1, dia1, ano1] = tener_firma_fecha_delegado.split("/");
            tener_firma_fecha_delegado = `${ano1}-${mes1}-${dia1}`;

            let [mes2, dia2, ano2] = tener_firma_fecha.split("/");
            tener_firma_fecha = `${ano2}-${mes2}-${dia2}`;

            let [mes3, dia3, ano3] = tener_firma_nombre_fecha.split("/");
            tener_firma_nombre_fecha = `${ano3}-${mes3}-${dia3}`;

              
 
            var informacionEnviar = {
               
               //esta es solo informacion general
               aplicar_nuevo_ITIN:                                     tener_aplicar_nuevo_ITIN,
               renovar_ITIN:                                           tener_renovar_ITIN,

               renovar_aplicar_a:                                      tener_a,
               renovar_aplicar_b:                                      tener_b,
               renovar_aplicar_c:                                      tener_c,

               renovar_aplicar_d:                                      tener_d,
               renovar_aplicar_d_opcional:                             tener_d_opcional,

               renovar_aplicar_e:                                      tener_e,
               renovar_aplicar_d_e_opcional:                           tener_d_e_opcional,
               
               renovar_aplicar_f:                                      tener_f,

               renovar_aplicar_a_f_pais_tratado_opcional:              tener_a_f_pais_tratado_opcional,
               renovar_aplicar_a_f_numero_articulo_tratado_opcional:   tener_a_f_numero_articulo_tratado_opcional,

               renovar_aplicar_g:                                      tener_g,
               renovar_aplicar_h:                                      tener_h,
               renovar_aplicar_h_opcional:                             tener_h_opcional,

               //Nombre
               nombre_primer_nombre1:                                  tener_primer_nombre1,
               nombre_segundo_nombre1:                                 tener_segundo_nombre1,
               nombre_ultimo_nombre1:                                  tener_ultimo_nombre1,

               nombre_primer_nombre2:                                  tener_primer_nombre2,
               nombre_segundo_nombre2:                                 tener_segundo_nombre2,
               nombre_ultimo_nombre2:                                  tener_ultimo_nombre2,

               //Dirección postal del solicitante
               direccion_apartado_postal:                              tener_direccion_apartado_postal,
               direccion_ciudad_apartado_postal:                       tener_ciudad1,

               //Dirección en el extranjero
               direccion_no_apartado_postal:                           tener_direccion_no_apartado_postal,
               direccion_ciudad_no_apartado_postal:                    tener_ciudad_2,

               //informacion de nacimiento
               informacion_nacimiento_fecha_nacimiento:                tener_fecha_nacimiento,
               informacion_nacimiento_pais_nacimiento:                 tener_pais_nacimiento,
               informacion_nacimiento_ciudad_estado_provincia:         tener_ciudad_estado_provincia,
               informacion_nacimiento_genero:                          tener_genero,

               //informacion de otra
               otra_informacion_pais_ciudadania:                         tener_pais_ciudadania,
               otra_informacion_numero_identificacion_fiscal_extranjero: tener_numero_identificacion_fiscal_extranjero,
               otra_informacion_tipo_visa_estadounidense:                tener_tipo_visa_estadounidense,

               otra_informacion_pasaporte:                               tener_documentos_pasaporte,
               otra_informacion_licencia_conducir:                       tener_documentos_licencia_conducir,
               otra_informacion_documentacion_USCIS:                     tener_documentos_documentacion_USCIS,
               otra_informacion_otros:                                   tener_documentos_otros,
               otra_informacion_otros_opcional:                          tener_documentos_otros_opcional,

               otra_informacion_expedido_por:                            tener_documento_expedido_por,
               otra_informacion_No:                                      tener_documento_No,
               otra_informacion_fecha_caducidad:                         tener_documento_fecha_caducidad,
               
               otra_informacion_fecha_entrada_usa:                       tener_documento_fecha_entrada_usa,
               otra_informacion_recibido_ITIN_o_IRSN:                    tener_recibido_ITIN_o_IRSN,

               otra_informacion_ITIN1:                                   tener_ITIN1,
               otra_informacion_ITIN2:                                   tener_ITIN2,
               otra_informacion_ITIN3:                                   tener_ITIN3,

               otra_informacion_IRSN1:                                   tener_IRSN1,
               otra_informacion_IRSN2:                                   tener_IRSN2,
               otra_informacion_IRSN3:                                   tener_IRSN3,

               otra_informacion_ITIN_IRSN_primer_nombre:                 tener_ITIN_IRSN_primer_nombre,
               otra_informacion_ITIN_IRSN_segundo_nombre:                tener_ITIN_IRSN_segundo_nombre,
               otra_informacion_ITIN_IRSN_apellido:                      tener_ITIN_IRSN_apellido,

               otra_informacion_nombre_universidad_empresa:              tener_documento_nombre_universidad_empresa,
               otra_informacion_ciudad_estado:                           tener_documento_ciudad_estado,
               otra_informacion_duracion_estancia:                       tener_documento_duracion_estancia,

               firma_nombre_delegado:                                    tener_firma_nombre_delegado,
               firma_fecha_delegado:                                     tener_firma_fecha_delegado,
               firma_telefono_delegado:                                  tener_firma_telefono_delegado,

               firma_nombre_madre:                                       tener_firma_nombre_madre,
               firma_tutor_designado_tribunal:                           tener_firma_tutor_designado_tribunal,
               firma_poder_legal:                                        tener_firma_poder_legal,

               agente_nombre_titulo:                                     tener_firma_nombre,
               agente_nombre_compania:                                   tener_firma_nombre_compania,
               agente_fecha:                                             tener_firma_nombre_fecha,
               agente_EIN:                                               tener_firma_nombre_EIN,
               agente_PTIN:                                              tener_firma_nombre_PTIN,
               agente_office_code:                                       tener_firma_nombre_office_code,

               firma_fax1:                                              tener_firma_fax1,
               firma_telefono1:                                         tener_firma_telefono1,
 

               UUID_ENC:                                               UUID_ENC_backend,

               existe_informacion:                                     existe_informacion_backend,

               id_form_w_7_backend:                                    id_form_w_7_backend,

               firma_firma_solicitante:                                tener_firma_firma_solicitante,
               firma_fecha_solicitante:                                tener_firma_fecha_solicitante,

               firma_firma:                                            tener_firma_firma,
               firma_fecha:                                            tener_firma_fecha,

               base_documento:                                         base_64_documento,
               documento_extension:                                    documento_extension,  

               forms_states_id:                                        2,

               admin:   2,
            }; 

 
    
            console.log(JSON.stringify(informacionEnviar));
            //console.log("return aqui abajo")
            //return;

            //return;

            $.post(URL_BASE + 'forms/post-forms-ISR-W-7/', JSON.stringify(informacionEnviar)  ) //$( "#rform" ).serialize()
            .done(function (data) {

                $("#submit").prop("disabled", false); // Deshabilitar el botón
                 
                    //console.log(data);
                    //console.log(data);
                    //return;

                    //$(".bloqueo_v1").attr("hidden", true);
                    //$(".bloqueo_v2").attr("hidden", true);
                    //$(".bloqueo_v3").attr("hidden", true);

                     try {
                        
                        const info = JSON.parse(data);
                       
                        if( info.type == "success")
                        {
                            //$('#ibox_form').unblock();
                            toastr.success(info.message);

                            /* var body = $("html, body");
                            body.animate({ scrollTop:0 }, '1000', 'swing'); 
                            $("#emsgbodySuccess").html(info.message);
                            $("#emsgSuccess").show("slow"); */
 
                            //window.location = info.redirect;
                            window.location = info.redirect;  

                        }else{
                            //$('#ibox_form').unblock();
                            var body = $("html, body");
                            body.animate({ scrollTop:0 }, '1000', 'swing');
                            $("#emsgbody").html(info.message);
                            $("#emsg").show("slow");
                        }
                    } catch (error) {
                        //$('#ibox_form').unblock();
                        var body = $("html, body");
                        body.animate({ scrollTop:0 }, '1000', 'swing');
                        $("#emsgbody").html(data);
                        $("#emsg").show("slow");
                    }
            });
        });

    });

    

   $('#d').on('change', function () {
      if ($(this).is(':checked')) {
        //console.log("El checkbox está seleccionado.");
        $('.ocultar_campo_d').show();
      } else {
        //console.log("El checkbox está desmarcado.");
        $('.ocultar_campo_d').hide();
        $('.tener_d_opcional').val("");
      }

      const isCheckedTenerE = $('.tener_e').is(':checked');
      const isCheckedTenerD = $('.tener_d').is(':checked');

      //si son true
      if(isCheckedTenerE == true && isCheckedTenerD == true){
         $('.ocultar_campo_d_e').show();
      }else{
         if(isCheckedTenerE == true)
         {
             $('.ocultar_campo_d_e').show();
         }else{
            if(isCheckedTenerD == true)
            {
               $('.ocultar_campo_d_e').show();
            }else{
               $('.ocultar_campo_d_e').hide();
               $('.tener_d_e_opcional').val("");
            }
         }
          
      }
 
   });

   $('#e').on('change', function () {
      if ($(this).is(':checked')) {
        //console.log("El checkbox está seleccionado.");
        $('.ocultar_campo_d_e').show();
      } else {
        //console.log("El checkbox está desmarcado.");
        $('.ocultar_campo_d_e').hide();
      }

      const isCheckedTenerE = $('.tener_e').is(':checked');
      const isCheckedTenerD = $('.tener_d').is(':checked');

      //si son true
      if(isCheckedTenerE == true && isCheckedTenerD == true){
         $('.ocultar_campo_d_e').show();
      }else{
         if(isCheckedTenerE == true)
         {
             $('.ocultar_campo_d_e').show();
         }else{
            if(isCheckedTenerD == true)
            {
               $('.ocultar_campo_d_e').show();
            }else{
               $('.ocultar_campo_d_e').hide();
               $('.tener_d_e_opcional').val("");
            }
         }
          
      }
 
   });

    $('#h').on('change', function () {
      if ($(this).is(':checked')) {
        //console.log("El checkbox está seleccionado.");
        $('.ocultar_campo_h').show();
      } else {
        //console.log("El checkbox está desmarcado.");
        $('.ocultar_campo_h').hide();
        $('.tener_h_opcional').val("");
      }

    });

    //para  a y f
    $('#a').on('change', function () {
       
      const isCheckedTenerA = $('.tener_a').is(':checked');
      const isCheckedTenerF = $('.tener_f').is(':checked');

      if(isCheckedTenerA == true && isCheckedTenerF == true)
      {
         $('.ocultar_campo_a_f').show();
      }else{
         $('.ocultar_campo_a_f').hide();
         $('.tener_a_f_pais_tratado_opcional').val("");
         $('.tener_a_f_numero_articulo_tratado_opcional').val("");
      }

    });

    $('#f').on('change', function () {
       
      const isCheckedTenerA = $('.tener_a').is(':checked');
      const isCheckedTenerF = $('.tener_f').is(':checked');

      if(isCheckedTenerA == true && isCheckedTenerF == true)
      {
         $('.ocultar_campo_a_f').show();
      }else{
         $('.ocultar_campo_a_f').hide();
         $('.tener_a_f_pais_tratado_opcional').val("");
         $('.tener_a_f_numero_articulo_tratado_opcional').val("");
      }

    });

   $('#documentos_otros').on('change', function () {
       
      const isCheckedTenerA = $('.tener_documentos_otros').is(':checked');

      if(isCheckedTenerA == true)
      {
         $('.ocultar_campo_documentos_otros').show();
      }else{
         $('.ocultar_campo_documentos_otros').hide();
         $('.tener_documentos_otros_opcional').val("");
      }

   });

    $('.tener_recibido_ITIN_o_IRSN').on('change', function () {
      const selectedValue = $(this).val(); // Obtiene el valor seleccionado
      //console.log('Opción seleccionada:', selectedValue);

      // Acciones adicionales según el valor seleccionado
      if (selectedValue === "Yes") {
        //console.log("Seleccionaste 'Yes'");
        //ocultar_ingreso_ITIN_IRSN
        $('.ocultar_ingreso_ITIN_IRSN').show();

      } else if (selectedValue === "No") {
        //console.log("Seleccionaste 'No'");
        $('.ocultar_ingreso_ITIN_IRSN').hide();

        $('.tener_ITIN1').val("");
        $('.tener_ITIN2').val("");
        $('.tener_ITIN3').val("");

        $('.tener_IRSN1').val("");
        $('.tener_IRSN2').val("");
        $('.tener_IRSN3').val("");

      }
    });
 

    function isEmpty(value) {
        // Verificar si es null o undefined
        if (value == null) return true;

        // Verificar si es una cadena vacía
        if (typeof value === "string" && value.trim() === "") return true;

        // Verificar si es un array vacío
        if (Array.isArray(value) && value.length === 0) return true;

        // Verificar si es un objeto vacío
        if (typeof value === "object" && Object.keys(value).length === 0) return true;

        return false;
    }
 
    function validarSoloNumeros(input) {
        const number = parseInt(input, 10);
        return !isNaN(number) && number.toString() === input;
    }

    function validateEmail(email) {
       // Expresión regular para validar un formato de correo electrónico
       var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
       
       if (emailPattern.test(email)) {
          return true;  // Es un correo válido
       } else {
          return false;  // No es un correo válido
       }
    }

    $("#submit_addNewContact").click(function (e) {

            e.preventDefault();
            //$('#ibox_form').block({ message:block_msg });
 
            let account = $("#account").val();
            let display_name = $("#display_name").val();
            let country = $("#country").val();
            let address = $("#address").val();
            let city = $("#city").val();
            let email = $("#email").val();
            let phone = $("#phone").val();
            let currency = $("#currency").val();
            let owner_id = $("#owner_id").val();
            let username = $("#username").val();
            let state = $("#state").val();
            let zip = $("#zip").val();

            if (isEmpty(account)) {
               Swal.fire("The Full Name field is required.");
               return false;
            }

            /* if (isEmpty(display_name)) {
               Swal.fire("The Display Name field is required.");
               return false;
            } */

            if (isEmpty(country)) {
               Swal.fire("The Country field is required.");
               return false;
            }

            if (isEmpty(address)) {
               Swal.fire("The Address field is required.");
               return false;
            }

            if (isEmpty(city)) {
               Swal.fire("The City field is required.");
               return false;
            }

            if (isEmpty(email)) {
               Swal.fire("The Email field is required.");
               return false;
            }


            if (isEmpty(currency)) {
               Swal.fire("The Currency field is required.");
               return false;
            }

            if (isEmpty(owner_id)) {
               Swal.fire("The Owner ID field is required.");
               return false;
            }

            /* if (isEmpty(username)) {
               Swal.fire("The Username field is required.");
               return false;
            } */

            if (isEmpty(state)) {
               Swal.fire("The State field is required.");
               return false;
            }

            if (isEmpty(zip)) {
               Swal.fire("The ZIP field is required.");
               return false;
            }

            if (validateEmail(email) == false) {
               Swal.fire("The Email field is invalid.");
               return false;
            }

            let informacion = {
               account: account,
               display_name: display_name,
               country: country,
               address: address,
               city: city,
               email: email,
               currency: currency,
               owner_id: owner_id,
               username: username,
               state: state,
               zip: zip,
               staff_id: ID_USER,
            };

            //console.log(informacion);
            console.log(JSON.stringify(informacion));
            //console.log("return aqui abajo");
            //return;

            $("#submit_addNewContact").prop("disabled", true); // Deshabilitar el botón

            // Realizar la solicitud POST
            $.ajax({
               type: "POST",
               url: URL_BASE + "forms/agregar-custumers-contacto-chat",
               data: JSON.stringify(informacion), // Convertir datos a formato JSON
               contentType: "application/json", // Tipo de contenido JSON
               success: function (response) {
                  //console.log("Respuesta del servidor:", response);
                  // Hacer algo con la respuesta del servidor

                  $("#submit_addNewContact").prop("disabled", false); // Habilitar el botón

                  //console.log(response);

                  try {
                     let info = JSON.parse(response);

                     if (info.type == "success") {

                        /* let {
                           id,
                           number,
                           custumer_id,
                           staff_id,
                           created_at,
                           nombre,
                           email_custumers,
                           phone_custumers,
                           company_custumers,
                           address_custumers,
                           fullname_staff,
                           username_staff,
                           user_type_staff,
                           phonenumber,
                           sys_users_config_whatsapp_other_id
                        } = info.contactos; */

                        let contacto_id = info.contact_id;

                        //console.log("el ultimo contacto fue:");
                        //console.log(contacto_id);

                        let texto = account;

                        //let nuevaOpcion = `<option value="${contacto_id}">${texto}</option>`;
                        let nuevaOpcion = `<option value="${contacto_id}" data-email="${email}" data-account="${account}">${texto}</option>`;


                        // Agregar la nueva opción al final del <select>
                        $('.tenerCustomers').append(nuevaOpcion);

                        $(".tenerName").val(account);
                        $(".tenerCorreoElectronico").val(email);

                        $('.tenerCustomers').val(contacto_id).trigger('change');  

                        Swal.fire({
                           title: "Contact added!",
                           text: "The contact has been added successfully!",
                           icon: "success"
                        });

                        $("#addContacto").modal("hide");

                     } else if (info.type == "error") {
                        Swal.fire({
                           icon: "error",
                           title: "Oops...",
                           text: info.message,
                        });
                     }
                  } catch (error) {
                     Swal.fire({
                        icon: "error",
                        title: "Oops...",
                        text: error,
                     });
                  }
               },
               error: function (xhr, status, error) {
                  console.error("Error en la solicitud:", error);
                  // Manejar errores aquí
                  Swal.fire({
                     icon: "error",
                     title: "Oops...",
                     text: error,
                  });
               },
            });

             
    });

    function habilitar_carga_check()
    {
      if ($('#d').is(':checked')) {
         $('.ocultar_campo_d').show();
      } else {
         $('.ocultar_campo_d').hide();
      }

      const isCheckedTenerE = $('.tener_e').is(':checked');
      const isCheckedTenerD = $('.tener_d').is(':checked');

      //si son true
      if(isCheckedTenerE == true && isCheckedTenerD == true){
         $('.ocultar_campo_d_e').show();
      }else{
         if(isCheckedTenerE == true)
         {
             $('.ocultar_campo_d_e').show();
         }else{
            if(isCheckedTenerD == true)
            {
               $('.ocultar_campo_d_e').show();
            }else{
               $('.ocultar_campo_d_e').hide();
               $('.tener_d_e_opcional').val("");
            }
         }
      }

      const isCheckedTenerA = $('.tener_a').is(':checked');
      const isCheckedTenerF = $('.tener_f').is(':checked');

      if(isCheckedTenerA == true && isCheckedTenerF == true)
      {
         $('.ocultar_campo_a_f').show();
      }else{
         $('.ocultar_campo_a_f').hide();
         $('.tener_a_f_pais_tratado_opcional').val("");
         $('.tener_a_f_numero_articulo_tratado_opcional').val("");
      }

      if ($('#h').is(':checked')) {
        //console.log("El checkbox está seleccionado.");
        $('.ocultar_campo_h').show();
      } else {
        //console.log("El checkbox está desmarcado.");
        $('.ocultar_campo_h').hide();
        $('.tener_h_opcional').val("");
      }

      const tener_documentos_otros = $('.tener_documentos_otros').is(':checked');

      if(tener_documentos_otros == true)
      {
         $('.ocultar_campo_documentos_otros').show();
      }else{
         $('.ocultar_campo_documentos_otros').hide();
         $('.tener_documentos_otros_opcional').val("");
      }

      const selectedValue = $('.tener_recibido_ITIN_o_IRSN').val(); // Obtiene el valor seleccionado
 
      // Acciones adicionales según el valor seleccionado
      if (selectedValue === "Yes") {
        //console.log("Seleccionaste 'Yes'");
        //ocultar_ingreso_ITIN_IRSN
        $('.ocultar_ingreso_ITIN_IRSN').show();

      } else if (selectedValue === "No") {
        //console.log("Seleccionaste 'No'");
        $('.ocultar_ingreso_ITIN_IRSN').hide();

        $('.tener_ITIN1').val("");
        $('.tener_ITIN2').val("");
        $('.tener_ITIN3').val("");

        $('.tener_IRSN1').val("");
        $('.tener_IRSN2').val("");
        $('.tener_IRSN3').val("");

      }
      

    }


   function serach_address(address,secundary,option = 1) {

      let x  = address.trim();

      if (x.length > 2) {

         var settings = {
            "url": "https://us-autocomplete-pro.api.smarty.com/lookup?key=188805315395749398&search="+address+"&selected="+secundary+"&include_only_cities=&include_only_states=&include_only_zip_codes=&exclude_states=&prefer_cities=&prefer_states=&prefer_zip_codes=&source=all",
            "method": "GET",
            "timeout": 0,
            "headers": {
                  "Host": "us-autocomplete-pro.api.smarty.com",
                  "Referer": "https://hispanosdeexitollc.com"
            },
         };

         $('#browsers').html('');
         $('#browsers').show();

         $.ajax(settings).done(function (response) {

               $.each(response.suggestions, function (k, v) {
                     let text=v.street_line+' '+v.secondary+' '+v.city+', '+v.state+' '+v.zipcode;
                     let line=v.street_line+' '+v.secondary+' ('+v.entries+') '+v.city+', '+v.state+' '+v.zipcode;
                     let line2=v.street_line+' '+v.secondary;
                     let entries=(v.entries > 1) ? '<a href="#" data-data1="'+line+'" data-data2="'+line2+'" class="addresssec"><span class="badge bg-primary rounded-pill">+ '+v.entries+' Address</span></a>' : "" ;
                     let option='<li class="list-group-item d-flex justify-content-between align-items-start "><div class="ms-2 me-auto address1" data-data1="'+v.city+'" data-data2="'+v.state+'" data-data3="'+v.zipcode+'" data-data4="'+v.street_line+' '+v.secondary+'"><div class="fw-bold">'+text+'</div></div>'+entries+'</li>';
                     
                     $('#browsers').append(option);
                     x++;
               });
            });
      }
   }



$("input[name='direccion_apartado_postal']").on('input', function(e){
  var address = $(this).val();
  //var country = $('#country').val();
  let x = address.trim();

  if (x.length > 2) {
      address = address.replace(/,/g, "");
      address = address.replace(/ /g, "+");
      address = address.replace(/#/g, "%23");
      serach_address(address,"",1);    
   }
});


$(document).on('click', '.address1', function(e){
    e.preventDefault();
    $('#city').val($(this).data('data1'));
    $('#state').val($(this).data('data2'));
    $('#zip').val($(this).data('data3'));
    $('#direccion_apartado_postal').val($(this).data('data4') + $(this).data('data1') + ', ' + $(this).data('data2') + ' ' +  $(this).data('data3'));
    $('#ciudad_1').val($(this).data('data2') + ' ' +  $(this).data('data3'));
    $('#browsers').hide();

});


$(document).on('click', '.addresssec', function(e){
    e.preventDefault();
    let address=$(this).data('data2');
    $('#address').val(address);
    let secundary=$(this).data('data1');
    secundary = secundary.replace(/,/g, "");
    secundary = secundary.replace(/ /g, "+");
    secundary = secundary.replace(/#/g, "%23");
    address = address.replace(/,/g, "");
    address = address.replace(/ /g, "+");
    address = address.replace(/#/g, "%23");
    serach_address(address,secundary,2);
});

</script>
{/literal}


{/block}