@include ('header')
@include ('navigator_clientes')

<!-- ======================= -->
<!-- -------- CSS ---------- -->
<link rel="stylesheet" href="{{ asset('/Libreria_CA/css/fancy_fidelitas_theme.css') }}">
<!-- <style>
.fancy-theme-blue .fancy-grid-cell {
    color: #003469;
}
.fancy-theme-blue .fancy-panel-header{
    background-color: #003469;
}
#opcion {
    padding-bottom: 2vh;
}
</style> -->
<!-- ======================= -->

<section class="container col-sm-8 col-sm-offset-2">
    <div class="card">
        <div class="card-body text-center">
            <form action="" id="busquedaClientes">
                <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                <div class="col-sm-6">
                    <input type="text" class="form-control text-center" placeholder="Ingrese un cliente" id="buscador">
                </div>
                <div id="opcion" class="col-sm-6">
                    <select name="" id="selection" class="form-control text-center">
                        <option hidden selected>Selecciona una opción</option>
                        <option value="listaNegra">Lista Negra</option>
                        <option value="bloqueo">Bloque por relación</option>
                    </select>
                </div>
                <!-- <div id="btn-consulta">
                    <button class="btn btn-fidelitas">Consultar</button>
                </div> -->
            </form>
        </div>
    </div><br><br>
    <div id="mensajeCargando">
        <h3>Cargando datos...</h3>
    </div>
    <div id="mensajeError">
        <h3>No se encotró el cliente, por favor ingrese un Nombre</h3>
    </div>
    <div class="row">
        <div class="container-fluid">
            <div id="table" class="background-fidelitas"></div>
        </div>
</section>

<script type="text/javascript" src="{{ URL::asset('js/auditorias/auditoria.js') }}"></script>
<script>
    $(document).ready(function () {
        data = [
            { nombre: 'Ted', cuit: '20336165009', visible: 'No', fecha_desde: "2020-05-05", fecha_hasta: "2020-05-05" },
            { nombre: 'Ed', cuit: '27948823131', visible: 'Si', fecha_desde: "2020-05-05", fecha_hasta: "2020-05-05" },
            { nombre: 'Sam', cuit: '27927573059', visible: 'No', fecha_desde: "2020-05-05", fecha_hasta: "2020-05-05" },
            { nombre: 'Alexander', cuit: '21336165018', visible: 'Si', fecha_desde: "2020-05-05", fecha_hasta: "2020-05-05" },
            { nombre: 'Juan', cuit: '20336165009', visible: 'No', fecha_desde: "2020-05-05", fecha_hasta: "2020-05-05" },
            { nombre: 'Pepe', cuit: '27948823131', visible: 'Si', fecha_desde: "2020-05-05", fecha_hasta: "2020-05-05" },
            { nombre: 'Pedro', cuit: '27927573059', visible: 'No', fecha_desde: "2020-05-05", fecha_hasta: "2020-05-05" },
            { nombre: 'Fabio', cuit: '21336165018', visible: 'Si', fecha_desde: "2020-05-05", fecha_hasta: "2020-05-05" },
            { nombre: 'Fabian', cuit: '20336165009', visible: 'No', fecha_desde: "2020-05-05", fecha_hasta: "2020-05-05" },
            { nombre: 'Fabrizio', cuit: '27948823131', visible: 'Si', fecha_desde: "2020-05-05", fecha_hasta: "2020-05-05" },
            { nombre: 'Jose', cuit: '27927573059', visible: 'No', fecha_desde: "2020-05-05", fecha_hasta: "2020-05-05" },
            { nombre: 'Javier', cuit: '21336165018', visible: 'Si', fecha_desde: "2020-05-05", fecha_hasta: "2020-05-05" }
        ];

        auditorias(data);
    });
</script>

@include('footer')