@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;
} */
    .card .card-body {
        padding-bottom: 0;
    }
</style>
<!-- ======================= -->

<section class="container">
    <form id="selector">
        <div class="card">
            <div class="card-body row">
                <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                <div class="form-group col-sm-2 col-sm-offset-4 text-center" id="visualMod">
                    <label>Modo de visualización:</label>
                    <select id="option_sel" name="option" class="form-control text-center">
                        <option value="todo">VER TODO</option>
                        <option value="fecha">VER FECHA</option>
                    </select>
                </div>
                <div id="fechas">
                    <div class="form-group col-sm-2 text-center">
                        <label> Desde:</label><br>
                        <input name="fecha" id="fecha_desde" data-date-format="yyyy-mm-dd"
                            class="form-control readonly text-center" data-date-end-date="0d">
                    </div>
                    <div class="form-group col-sm-2 text-center">
                        <label> Hasta:</label><br>
                        <input name="fecha" id="fecha_hasta" data-date-format="yyyy-mm-dd" class="readonly text-center"
                            data-date-end-date="0d">
                    </div>
                </div>
                <div class="col-sm-2 text-center" id="btn-fidelitas">
                    <button class="btn btn-fidelitas" id="consultar">Consultar</button>
                </div>
            </div>
            <span id="text" class="text-center">Debe elegir un modo de visualización, cuando haga click en
                <b>consultar</b> podrá ver el resultado de su búsqueda</span><br><br>
        </div>
    </form>
    <div class="row">
        <div class="container-fluid">
            <div id="table" class="background-fidelitas"></div>
        </div>
        <div id="error"><br><br>
            <h3 class="text-center">No se encontró información. Vuelta a intentar</h3>
        </div>
</section>

<!-- ====================== -->
<!-- -------- JS ---------- -->
<script type="text/javascript" src="{{ URL::asset('js/fuentes_procesadas/selector.js') }}"></script>
<script>
    $(document).ready(function () {
        filter();
    });
</script>
<!-- ====================== -->

@include('footer')