@extends('new_header')
@section('main')
<main class="container my-5">
    <div class="row justify-content-center my-5">
        <div class="col-12 col-lg-8 mb-3 mt-5">
            <h3 class="text-center"> @traducir('Nueva Solicitud','Nueva Solicitud')</h3>
        </div>
    </div>
    <!-- -->
    <div class="row justify-content-center">
        <div class="col-12 col-lg-10 card my-2 shadow-lg">
            <div class="card-body">
                <!--- -->
                <form class="row justify-content-center align-items-center" id="frmElegirPais">
                    <div class="col-7 mx-5 my-2 text-start">
                        <h6 class="text-center lead">@traducir('Busque al candidato por apellido y nombre código de identificación tributaria o DNI. Luego haga click en el individuo deseado en la lista de resultados','Busque al candidato por apellido y nombre código de identificación tributaria o DNI. Luego haga click en el individuo deseado en la lista de resultados.')</h6>
                    </div>
                    <div class="col-2 mx-1 text-end">
                        <a href="/iv/iv-nueva-solicitud" class="btn btn-secondary"><i class="bi bi-arrow-left"></i> @traducir('Anterior','Anterior')</a>
                    </div>
                </form>
                <!-- -->
                @if ( !$otro_busqueda )
                    <div id="seccion_busqueda_argentina">
                        <form class="row justify-content-center my-5" id="formulario_buscador_argentina">
                            {{ csrf_field() }}
                            <input type="hidden" id="cliente" value="{{Session::get('usuario')->cliente['client_id']}}">
                            <!--- -->
                            <div class="input-group col-12">
                                <input type="text" class="form-control text-center" name="input_search" id="input_search" list="lista_padron" placeholder="@traducir('Ingrese el nombre o el documento de la persona a consultar','Ingrese el nombre o el documento de la persona a consultar')" autocomplete="off">
                                <button class="btn btn-outline-fidelitas" id="boton_buscador_argentina">
                                    <i class="bi bi-search"></i>
                                    <span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true" id="cargando"></span>
                                    <span class="visually-hidden">@traducir('Loading...','Loading...')</span>
                                </button>
                                <div class="invalid-feedback"></div>
                            </div>
                            <!---->
                            <div id="lista_padron" class='overflow-auto col-12 py-2 list-group'></div>
                        </form>
                    </div>
                    <!-- -->
                @else
                    <div id="seccion_busqueda_extranjero">
                        <form id="formulario_busqueda_extranjera" class="row justify-content-center">
                            {{ csrf_field() }}
                            <div class="col-12 col-lg-4 my-3">
                                <label class="form-label" for="pais">@traducir('País','País')</label>
                                <select name="pais" id="pais" class="form-select form-select-sm">
                                    <option value="" selected>---</option>
                                    @foreach($paises as $clave)
                                        <option value="{{ $clave->country_code }}">{{ $clave->country_name }}</option>
                                    @endforeach
                                </select>
                                <div class="invalid-feedback"></div>
                            </div>
                            <!---->
                            <div class="col-12 col-lg-4 my-3">
                                <label class="form-label" for="tipo_identificacion">@traducir('Identificador','Identificador')</label>
                                <select name="tipo_identificacion" id="tipo_identificacion" class="form-select form-select-sm">
                            
                                </select>
                            </div>
                            <!---->
                            <div class="col-12 col-lg-4 my-3">
                                <label class="form-label" for="identificacion">@traducir('Identificación','Identificación')</label>
                                <input type="text" class="form-control form-control-sm" name="identificacion" id="identificacion" data-format="razon_social">
                                <div class="invalid-feedback"></div>
                            </div>
                            <!---->
                            <div class="col-12 col-lg-4 my-3">
                                <label class="form-label" for="razon_social">@traducir('Nombre','Nombre')</label>
                                <input type="text" class="form-control form-control-sm" name="razon_social" id="razon_social" data-format="razon_social">
                                <div class="invalid-feedback"></div>
                            </div>
                            <!---->
							{{--<div class="col-12 col-lg-4 my-3">
                                <label class="form-label" for="tipo_persona">@traducir('Tipo de persona','Tipo de persona')</label>
                                <select name="tipo_persona" id="tipo_persona" class="form-select form-select-sm validacion_selector">
                                    <option value="">---</option>
                                    <option value="F">@traducir('Fisica','Fisica')</option>
                                    <option value="J">@traducir('Jurídica','Jurídica')</option>
                                </select>
                                <div class="invalid-feedback"></div>
                            </div>--}}
							<input type="hidden" name="tipo_persona" id="tipo_persona" value="F">
							<!-- -->	
                            <div class="col-12 col-lg-4 my-3">
                                <label class="form-label" for="sexo">@traducir('Genero','Genero')</label>
                                <select name="sexo" id="sexo" class="form-select form-select-sm validacion_selector">
                                    <option value="">---</option>
                                    <option value="M">@traducir('Masculino','Masculino')</option>
                                    <option value="F">@traducir('Femenino','Femenino')</option>
                                </select>
                                <div class="invalid-feedback"></div>
                            </div>
                            <!---->
							<div class="col-12 col-lg-2 my-3 d-flex flex-column align-self-end">
                                <button class="btn btn-fidelitas">
                                    <i class="bi bi-search"></i>
                                    <span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true" id="cargando2"></span>
                                    <span class="visually-hidden">@traducir('Loading...','Loading...')</span>
                                </button>
                            </div>
                        </form>
                        <!-- -->
                        <div class="row justify-content-center">
                            <div id="tabla_resultado" class="d-none">
                                <table class="table table-hover table-condensed" id="tablaBusqueda">
                                    <thead>
                                    <tr class="btn-fidelitas">
                                        <th class="text-center">@traducir('País','País')</th>
                                        <th class="text-center">@traducir('Nombre','Nombre')</th>
                                        <th class="text-center">@traducir('Tipo','Tipo')</th>
                                        <th class="text-center">@traducir('Identificación','Identificación')</th>
                                    </tr>
                                    </thead>
                                    <tbody id="contenido_tabla"></tbody>
                                    <tfoot></tfoot>
                                </table>
                            </div>
                            <div id="tabla_resultado_vacio" class="d-none">
                                <div class="col-md-12 text-center">---- @traducir('No se encontraron resultados','No se encontraron resultados') ----</div>
                            </div>
                        </div>
                    </div>
                @endif
                <div id="tablaResultadosBusquedaAR"></div>
            </div>
        </div>
    </div>
    <!-- --->
    <form  id="formulario_busqueda_resultado" action="/iv/iv-datos-busqueda-nuevo" method="POST">
    {{ csrf_field() }}
		{{-- <input type="hidden" name="id_tipo_informe" value="{{ $id_tipo_informe }}"> --}}
		<input type="hidden" name="id_padron" id="id_padron" >
        <!-- -->
        <input type="hidden" name="tipo_busqueda_otro" value="{{ $otro_busqueda }}">
		<input type="hidden" name="familia" >
		<input type="hidden" name="referencia" >
		<input type="hidden" name="ref" >
		<input type="hidden" name="ref_nombre" >
		<input type="hidden" name="ref_seccion" >
		<input type="hidden" name="ref_cargo" >
		<input type="hidden" name="email_candidato" >
		<input type="hidden" name="telefono_candidato" >
		<input type="hidden" name="notas_candidato" >		
    </form>
</main>
<style>
	.prow { cursor:pointer; }
	.prow:hover { text-decoration: underline; }
</style>
@endsection
@section('funcionesJS')
    <script>
        $(document).ready(function(){
            llamdasBuscadorCandidatos();
        });
    </script>
    <script src="{{ asset('Libreria_CA/Js/iv.js') }}"></script>
@endsection