@extends('new_header')
@section('main')
<main class="container my-5">
    <div class="row justify-content-center mt-5">
        <div class="col-12 col-lg-8 mb-3 mt-5">
            <h3 class="text-center">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">
                <div id="seccion_busqueda_extranjero">
                    <form id="formulario_busqueda" class="row justify-content-center">
                        {{ csrf_field() }}
                        <input name="tipo_persona" value="F" type="hidden">
                        <input name="pais" value="AR" type="hidden">
                        <input type="hidden" name="en_tabla" value='1'>
                        <div class="col-12 col-lg-4">
                            <div class="input-group input-group-sm">
                                <input type="text" class="form-control form-control-sm text-center" id="search_country" placeholder="Pais" autocomplete="off">
                                <button class="btn btn-outline-secondary" type="button" id="button-addon2">Button</button>
                            </div>
                            <select class="form-select d-none" multiple aria-label="multiple select example" id="op">
                            </select>
                            <small class="text-muted">Seleccione país</small>
                        </div>
                        <div class="row justify-content-center my-2 d-none" id="search_values">
                            <div class="col-12 col-lg-3 my-2">
                                <label class="form-label" for="tipo_identificacion">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-2">
                                <label class="form-label" for="identificacion">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-2">
                                <label class="form-label" for="razon_social">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-1 pt-3 my-4">
                                <button class="btn btn-sm btn-fidelitas" type="submit">
                                    <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">Loading...</span>
                                </button>
                            </div>
                            <small class="text-muted">Para realizar una busqueda puede buscar solo por nombre o por identificacion</small>
                        </div>
                        <div class="row justify-content-center">
                        </div>
                    </form>
                </div>
               
                <div id="tabla_resultado" class="my-3"></div>
            </div>
        </div>
        <div id="insert" class="row justify-content-end d-none pe-5 me-5">
            ¿Su búsqueda no aparece en los resultados? 
            <button class="btn btn-sm col-1 btn-fidelitas me-5" data-bs-toggle="modal" data-bs-target="#modal-insert">Insertar</button>
        </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>
    <!-- --->
    <form  id="formulario_api_busqueda" method="POST">
    {{ csrf_field() }}
		<input type="hidden" name="data" id="id_padron" >	
    </form>
</main>
<div id="modal-insert" class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Agregar contraparte</h3>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <!-- -->
            <div class="modal-body" id="modal_ref">
                <form method="post" id="frmInsertPadron">
                    <div class="form-floating mb-3">
                        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
                        <label for="floatingInput">Pais</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
                        <label for="floatingInput">Tipo de Identificación</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
                        <label for="floatingInput">Número de Identificación</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
                        <label for="floatingInput">Nombre(s)</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
                        <label for="floatingInput">Apellido(s)</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
                        <label for="floatingInput">Género</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
                        <label for="floatingInput">Provincia</label>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<style>
	.prow { cursor:pointer; }
	.prow:hover { text-decoration: underline; }
</style>
@endsection
@section('funcionesJS')
    <script>
        $(document).ready(function(){
            llamdasBuscadorCandidatos();
            var countries = ["Afghanistan","Albania","Algeria","Andorra","Angola","Anguilla","Antigua &amp; Barbuda","Argentina","Argelia","Armenia","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bermuda","Bhutan","Bolivia","Bosnia &amp; Herzegovina","Botswana","Brazil","British Virgin Islands","Brunei","Bulgaria","Burkina Faso","Burundi","Cambodia","Cameroon","Canada","Cape Verde","Cayman Islands","Central Arfrican Republic","Chad","Chile","China","Colombia","Congo","Cook Islands","Costa Rica","Cote D Ivoire","Croatia","Cuba","Curacao","Cyprus","Czech Republic","Denmark","Djibouti","Dominica","Dominican Republic","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Ethiopia","Falkland Islands","Faroe Islands","Fiji","Finland","France","French Polynesia","French West Indies","Gabon","Gambia","Georgia","Germany","Ghana","Gibraltar","Greece","Greenland","Grenada","Guam","Guatemala","Guernsey","Guinea","Guinea Bissau","Guyana","Haiti","Honduras","Hong Kong","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Isle of Man","Israel","Italy","Jamaica","Japan","Jersey","Jordan","Kazakhstan","Kenya","Kiribati","Kosovo","Kuwait","Kyrgyzstan","Laos","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macau","Macedonia","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Marshall Islands","Mauritania","Mauritius","Mexico","Micronesia","Moldova","Monaco","Mongolia","Montenegro","Montserrat","Morocco","Mozambique","Myanmar","Namibia","Nauro","Nepal","Netherlands","Netherlands Antilles","New Caledonia","New Zealand","Nicaragua","Niger","Nigeria","North Korea","Norway","Oman","Pakistan","Palau","Palestine","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Poland","Portugal","Puerto Rico","Qatar","Reunion","Romania","Russia","Rwanda","Saint Pierre &amp; Miquelon","Samoa","San Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Serbia","Seychelles","Sierra Leone","Singapore","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","South Korea","South Sudan","Spain","Sri Lanka","St Kitts &amp; Nevis","St Lucia","St Vincent","Sudan","Suriname","Swaziland","Sweden","Switzerland","Syria","Taiwan","Tajikistan","Tanzania","Thailand","Timor L'Este","Togo","Tonga","Trinidad &amp; Tobago","Tunisia","Turkey","Turkmenistan","Turks &amp; Caicos","Tuvalu","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States of America","Uruguay","Uzbekistan","Vanuatu","Vatican City","Venezuela","Vietnam","Virgin Islands (US)","Yemen","Zambia","Zimbabwe"];

            
            $('#search_country').on('keydown', function(){
                $('#op').empty();
                $('#search_values').addClass('d-none');
                $('#tabla_resultado').addClass('d-none');
                $('#insert').addClass('d-none');
                $('#formulario_busqueda').
                arrAux = [];
                let val = new RegExp($(this).val().toUpperCase());
                for(let i = 0; i<countries.length; i++) {
                    if (countries[i].toUpperCase().search(val) == 0){
                        $('#op').append('<option value="'+countries[i]+'">'+countries[i]+'</option>')
                    }
                }
            })
            $('#search_country').on('keyup',function(){
                if ($(this).val().length > 0) {
                    $('#op').removeClass('d-none');
                } else {
                    $('#op').addClass('d-none');
                }
            });
            $('#op').on('click',function(){
                //-----
                var valor = $(this).val();
                var token = $('#formulario_busqueda [name="_token"]').val();
                //-----
                var notificacion = $(this).siblings('div');
                $(this).removeClass('is-invalid');
                //-----
                var identificador = $('#tipo_identificacion');
                identificador.empty();
                $.post('/padron/padron-identificadores-pais',{ _token : token , country_code : 'AR'},function(data){
                    data = JSON.parse(data);
                    //----
                    if (data.length != 0){
                        //----
                        identificador.append($("<option/>").text('Seleccione el identificador'));
                        //----
                        for(var j=0; j < data.length; j++) {
                            identificador.append($("<option />").val(data[j].identificador).text(data[j].abreviatura));
                        }
                    }
                    else{
                        $('#pais').addClass('is-invalid');
                        agregarNotificacion(notificacion , 0);        
                    }
                    //----
                    
                });
                // 
                $('#op').addClass('d-none');
                $('#search_country').val($('#op').val());
                $('#op').empty();
                // $('#search_country').attr('disabled',true);
                $('#search_values').removeClass('d-none');
            })
            
        });
    </script>
    <script src="{{ asset('Libreria_CA/Js/iv.js') }}?v={{rand()}}"></script>
@endsection