@extends('header_nuevo_generico')
@section('main')
<div class="container-fluid mt-5 pt-5">
    <div class="row justify-content-center my-2">
        <div class="col-md-6 col-sm-9">
            <h2 class="text-fidelitas display-6 text-center">Consultas Mis Aportes</h2>
        </div>
    </div>
    <form id="frmBuscarConsulta">
        {{ csrf_field() }}
        <div class="row justify-content-center mt-4">
            <div class="col-md-2" style="margin-left: 15%;">
                <label>Fecha Desde</label>
                <input name="fecha_desde_con" type="text" id="fecha_desde_con" data-date-format="yyyy-mm-dd"
                    class="form-control readonly text-center" data-date-end-date="0d" data-date-start-date="-1y">
            </div>
            <div class="col-md-2">
                <label>Fecha Hasta</label>
                <input name="fecha_hasta_con" type="text" id="fecha_hasta_con" data-date-format="yyyy-mm-dd"
                    class="form-control readonly text-center" data-date-end-date="0d" data-date-start-date="-1y">
            </div>
            <div class="col-2" style="margin-top: 1%;">
                <button type="submit" class="btn btn-success"><i class="bi bi-search"></i> Buscar</button>
            </div>
        </div>
    </form>
    <div class="mt-5">
        <div id="cargandoTabla" class="row justify-content-center my-2 d-none">
            <div class="spinner-border text-success" role="status">
                <span class="visually-hidden">Loading...</span>
            </div>
        </div>
        <div class="col-12 " id="tabla_registro_consultas"></div>
    </div>
</div>
</div>
@endsection
@section('funcionesJS')
<script src="{{ asset('/Libreria_CA/Js/funciones_consultas_mis_aportes.js') }}?v={{rand()}}"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></script>
<script>
    $(document).ready(function () {
        let options = {
            format: 'yyyy-mm-dd',
            todayHighlight: true,
            autoclose: true,
            language: "es",
            maxDate: '+0d',
            showButtonPanel: true
        };
        $("#fecha_desde_con").datepicker(options);

        let options2 = {
            todayHighlight: true,
            autoclose: true,
            language: "es",
            maxDate: '+0d',
            showButtonPanel: true
        };
        $("#fecha_hasta_con").datepicker(options2);

        $("#fecha_hasta_con").datepicker("setDate", '0d');
        $("#fecha_desde_con").datepicker("setDate", '0d');

        $.ajax({
            method: "POST",
            url: "/tablasgenerales/misaportes",
            data: $('#frmBuscarConsulta').serialize(),
            beforeSend: function () {
                $('#cargandoTabla').removeClass('d-none');
            },
            success: function (data) {
                $('#cargandoTabla').addClass('d-none');
                $('#tabla_registro_consultas').html(data);
                createDatatableHistorialConsultas('#tabla_registros');
            },
            error: function (err) {
                mensaje('Error en la Busqueda');
            }
        });

        filtrarTabla();
    });
</script>
@endsection