@extends('header_nuevo_generico')

@section('main')

<div id="buscadorClientes" class='row justify-content-center align-items-center pt-3 pt-xxl-5'>
    <div class='col-12 col-lg-6 my-5 pt-5'>
        <div class='text-center my-5'>
            <!-- <h2 class="text-fidelitas" id="tituloMod">@traducir('Contrapartes con carga de documentación finalizada','Contrapartes con carga de documentación finalizada')</h2> -->
            <h2 class="text-fidelitas" id="tituloMod">@traducir('Docs ok', 'Docs ok')</h2>
        </div>
        <form id='form_busqueda_cliente' action="/reports_buscar_cliente" method='post'>
            <input type="hidden" id='token' name="_token" value="{{ csrf_token() }}" />
            <input type="hidden" id='clienteOk' name="clienteOk" value="">
            <div class='row justify-content-center my-3'>
                <small
                    class="text-secondary text-center">@traducir('Ingrese CUIT, CUIL o nombre completo para realizar una busqueda', 'Ingrese CUIT, CUIL o nombre completo para realizar una busqueda')</small>
            </div>
            <div class="row">
                <!-- <div class="col-md-3 px-0">
                    <select class="form-select shadow h-100 w-100" name="producto" id="producto">
                        <option value="10">Inquiro Vitae</option>
                        <option value="47">LED</option>
                    </select>
                </div> -->
                <div class="col-md-12 px-0">
                    <div class='input-group input-group-sm shadow'>
                        <input type="text" id='cliente' name='cliente' value=''
                            class='form-control form-control-sm text-center cli' list='lista_clientes'
                            placeholder='@traducir("Buscar Cliente", "Buscar Cliente")...' autocomplete='off'>
                        <span class='input-group-text'>
                            <i id="lupa" class="bi bi-search fs-5"></i>
                            <div id="loading" class="spinner-border text-fidelitas ms-auto d-none" role="status"
                                aria-hidden="true"></div>
                        </span>
                    </div>
                </div>
            </div>
            <!-- -->
            <div id='notificacion' class='mt-2'></div>
            <div id='lista_clientes' class='overflow-auto col-12 py-2 list-group'></div>
        </form>
        <div id="resultados"></div>
    </div>
</div>

@endsection
<!-- -->
@section('funcionesJS')
<script src="/Libreria_CA/Js/funciones.js"></script>
<script>
    busqueda_cliente_led();
    getBack();
    $('#lista_clientes').on('click', function () {
        $('#producto').attr('disabled', false);
    });
    //
</script>

@endsection