@include("header")
@include("navigator_clientes")

<!-- <section id="cont_principal">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-8-sm">
                <form id="formulario_de_consulta">
                    <input type="text" id="_token" name="token" class="hidden" value="{{-- csrf_token() --}}">
                    <div class="card bg-secondary">
                        <div class="card-body">
                            <div class="card-text">
                                <div class="row justify-content-center">
                                    <div class="col-sm-4 col-sm-offset-1 text-center" style="padding-top:4%;">
                                            <select name="opcion_de_ver" id="opcion_grid" class="form-control text-center">
                                                <option value="todo" selected>Ver Todo</option>
                                                <option value="ver_fechas">Consultar Fecha</option>
                                            </select>
                                        </div>
                                        <div id="fechas" class="col-sm-4 col-sm-offset-3 text-center" style="display:none;">
                                            <div class="form-group">
                                                <label for="">Desde:</label>
                                                <input name="desde" id="fecha_desde" date-date-format = "yyyy-mm-dd" class="form-control readonly text-center" data-date-end-date="0d">
                                            </div>
                                            <div class="form-group">
                                                <label for="">Hasta:</label>
                                                <input name="hasta" id="fecha_hasta" date-date-format = "yyyy-mm-dd" class="form-control readonly text-center" data-date-end-date="0d">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row justify-cotent-center" style="padding-top:2%;">
                                        <div class="col-sm-5 col-sm-offset-3">
                                            <button class="btn btn-secondary">Consultar</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
</section> -->
<section id="cont_principal">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-8-sm">
                <form id="formulario_de_consulta">
                    <input type="text" id="_token" name="token" class="hidden" value="{{ csrf_token() }}">
                    <div class="card bg-secondary">
                        <div class="card-body">
                            <div class="card-text">
                                <div class="row justify-content-center">
                                    <div class="col-sm-2 text-center">
                                        <div class="form-group">
                                            <label for="">Modo de Visualizacion:</label>
                                            <select name="opcion_de_ver" id="opcion_grid"
                                                class="form-control text-center">
                                                <option value="todo">Ver Todo</option>
                                                <option value="ver_fechas">Consultar Fecha</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div id="fechas">
                                        <div class="col-sm-2">
                                            <label for="">Desde:</label>
                                            <input name="desde" id="fecha_desde" data-date-format="yyyy-mm-dd"
                                                class="form-control readonly text-center" data-date-end-date="0d">
                                        </div>
                                        <div class="col-sm-2">
                                            <label for="">Hasta:</label>
                                            <input name="hasta" id="fecha_hasta" data-date-format="yyyy-mm-dd"
                                                class="form-control readonly text-center" data-date-end-date="0d">
                                        </div>
                                    </div>
                                    <div class="col-sm-2" style="padding-top:20px;">
                                        <button class="btn btn-secondary">Consultar</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
            </form>
        </div>
    </div>
</section>

<section id="cont_de_respuesta" class="container">
    <div class="card" style="margin: auto; padding: 20px; text-align: center;">
        <div class="card-body">
            <h3 id="alerta">Aguarde un momento por favor</h3>
        </div>
    </div>
</section>

<section id="cont_de_grid">
    <div class="container">
        <div id="nota"></div>
        <br>
        <button id="volver_grid" class="btn btn-secondary">Volver</button>
    </div>
</section>

<div class="modal fade" tabindex="-1" role="dialog" id="modal_de_confirmacion">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" data-dismiss="modal" aria-label="Close"><span
                        hidden="true">&times;</span></button>
                <h4 class="modal-title">Estas Seguro de que quieres borrar eso</h4>
            </div>
            <form id="datos_para_borrar">
                <input name="token_de_borrar" id="token_de_borrar" type="hidden" value="{{ csrf_token() }}">
                <input type="hidden" id="valor_oculto">
                <input type="hidden" id="fila_oculta">
                <input type="hidden" id="opcion_oculta" value="eliminar">
                <div class="modal-body">
                    <a class="btn btn-default" data-dismiss="modal">No</a>
                    <button class="btn btn-primary" id="boton_de_borrar">Seguro</button>
                </div>
            </form>
        </div>
    </div>
</div>

<section id="cont_de_fallo" class="container">
    <div class="card" style="margin: auto; padding: 20px; text-align: center;">
        <div class="card-body">
            <h3 id="error"></h3>
            <button id="volver_error" class="btn btn-secondary">Volver</button>
        </div>
    </div>
</section>

<script type="text/javascript" src="{{ URL::asset('js/resumen_de_errores/funciones.js') }}"></script>

<script>
    $(document).ready(function () {
        opcionDefault();
        // var data : [{"ip_server":"hola","fecha":"2021-07-07","seccion":"controller","nombre_funcion":"hola","mensaje":"miedasjdas"}];
        mostrar_fecha();
        definir_fechas();
        boton_de_volver("#volver_error");
        boton_de_volver("#volver_grid");
        mandar_formulario();
        mandar_id();
    });
</script>

@include("footer")