@extends('Templates.PlantillaFull', ['PaginaTitulo' => 'Bitácora', 'PaginaUrl' => '/bitacora', 'Padre' => '1'])

@section('Contenido')
    <x-table>

        @slot('titulo')
            <i class="fas fa-book-open" style="font-size: 20px"></i>&nbsp;&nbsp;&nbsp;<h1 class="d-inline-block p-0"
                style="margin: -2px 0px -1px 5px;">Bitácora</h1>
        @endslot

        @slot('idTabla', 'TableBitacora')

        @slot('filtros', [[0, 'Nombre'], [1, 'Usuario ó correo']])

        @slot('IdFiltros', 'filtrosVariables')

        @slot('btnAgregar')
            <div class="d-flex align-items-center">
                <label for=""><b>Fecha</b></label>&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="date" id="fecha" class="form-control" style="width: auto">
                &nbsp;&nbsp;
                <button onclick="MakeRequestData('{{ route('bitacora.buscar') }}', '#TableBitacora', 'POST', 2, '','', true, false, false, ['Palabra/' + $(this).val(), 'Filtro/' + $('#filtrosVariables').val(), 'fecha/'+$('#fecha').val()])" class="btn btn-primary" style="background-color: #{{env('APP_COLOR')}}"><i class="fas fa-filter"></i>&nbsp;&nbsp; Filtrar</button>
            </div>
        @endslot


        @slot('accionBuscar')

            onkeyup="if(event.keyCode == 13) MakeRequestData('{{ route('bitacora.buscar') }}', '#TableBitacora', 'POST', 2,
            '','', true, false, false, ['Palabra/' + $(this).val(), 'Filtro/' + $('#filtrosVariables').val(), 'fecha/'+$('#fecha').val()]) "

        @endslot

        @slot('header')

            <th>Fecha</th>
            <th>Acción</th>
            <th>Registro afectado</th>
            <th>Tabla(s) afectada(s)</th>
            <th>Usuario</th>
            <th>Estatus</th>
            <th>Acciones</th>

        @endslot

        @slot('body')

            @include('seguridad.bitacora.data')

        @endslot

    </x-table>
@endsection

@section('scripts')
    <script>
        $('#fecha').change(function(e) {
            addFechaParameter(e.target.value);
        });

        function addFechaParameter(fecha){
            var el = document.getElementById("fecha");
            var group = el.parentNode.parentNode.parentNode.parentNode.nextElementSibling.querySelectorAll('.pagination li a');
            group.forEach(element => {
                if (element.href.includes('&fecha=')) {
                    let index = element.href.indexOf("&fecha=");
                    let rightPart = element.href.substr(index);
                    element.href = element.href.replace(rightPart, '');
                }
                element.href = element.href+'&fecha='+fecha;
            });
        }
    </script>
@endsection