@extends('header_nuevo_generico')
@section('main')
    <div class="container mt-5 pt-5">
        <div class="row justify-content-center my-2 mb-4">
            <div class="col-md-12">
                <h2 class="text-fidelitas display-6 text-center"> @if (isset($desde)) {{ $desde }} @else Informe Fidelitas @endif </h2>
            </div>
        </div>
        <div id="buscadorClientes" class='row justify-content-center align-items-center'>
            <div class='col-12 col-lg-9'>
                <div class='text-center text-fidelitas'>
                    <h4 id="tituloMod">Buscar Padron</h4>
                </div>
                <form id='form_busqueda_cliente'>
                    <div class='row justify-content-center my-2 segunCliente'>
                        <small class="text-secondary text-center">Para realizar la búsqueda, ingrese preferentemente CUIT/CUIL/TAXID, sino DNI o nombre completo, luego presione enter o haga click en la lupa</small>
                    </div>                
                    <div class='input-group shadow mt-3 busquedasClientes'>
                        <input type="hidden" id='token' name="_token" value="{{ csrf_token() }}" />
                        <input type="hidden" id='clienteOk' name="clienteOk" value="">
                        <input type="hidden" id='desde' name="desde" @if(isset($desde)) value="{{$desde}}" @endif>
                        <input type="text" id='razon_social' name='razon_social' value='' class='form-control form-control-lg text-center cli' list='lista_clientes' placeholder='Buscar Padron...' autocomplete='off'>
                        <!-- sección para buscar por usuario -->
                        <!--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-->

                        <button class='input-group-text'>
                            <i id="lupaPersona" class="bi bi-search fs-5 submit"></i>
                            <div id="loadingPersona" class="spinner-border text-fidelitas ms-auto d-none" role="status" aria-hidden="true"></div>
                        </button>


                    </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>
@endsection
@section('funcionesJS')
    <script src="{{ asset('/js/buscador_v2.js') }}?v={{rand()}}"></script>
    <script>
        $(document).ready(function(){
            buscarPadron(0,1);
        })
    </script>
@endsection