@extends('header_new')

@section('main')


<main class="container-fluid mt-1 pt-3">
    <!-- SECCION DATOS DEL CLIENTE -->
    <div class="container-fluid contenedores-navegador" id="buscadorClientes">
        <div class="row justify-content-center">
            <div class="col-12 col-lg-5 my-4">

                <div class='text-center my-2 pt-0 pt-xxl-5'>
                    <h5 id="tituloMod">@traducir('Facturación Manual', 'Facturación Manual')</h5>
                </div>
                <div class='text-center my-2 pt-0 pt-xxl-5'>
                    <h5 id="tituloMod">@traducir('Buscar Cliente', 'Buscar Cliente')</h5>
                </div>
                <form id='form_busqueda_cliente' action="/fact/buscar-cliente" method='post'>
                    <div class='row justify-content-center my-2'>
                        <small
                            class="text-secondary text-center">@traducir('Ingrese CUIT, CUIL o nombre completo para realizar una busqueda, luego presione enter', 'Ingrese CUIT, CUIL o nombre completo para realizar una busqueda, luego presione enter')</small>
                    </div>
                    <div class='input-group shadow mt-3'>
                        <input type="hidden" id='token' name="_token" value="{{ csrf_token() }}" />
                        <input type="hidden" id='clienteOk' name="clienteOk" value="">
                        <input type="hidden" id='urlAnterior' name="urlAnterior" value="{{$ruta}}">
                        <input type="text" id='cliente' name='cliente' value=''
                            class='form-control form-control-lg 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 id='notificacion' class='mt-2'></div>
                    <div id='lista_clientes' class='overflow-auto col-12 py-2 list-group'></div>
                </form>
                <div id="buscando"></div>
            </div>
        </div>
    </div>
</main>

@endsection

@section('funcionesJs')
<script>

    $(document).ready(function () {
        busqueda_cliente('0', '1');
    });
</script>
@endsection