@extends('Templates.PlantillaFull', ['PaginaTitulo' => 'Notificaciones', 'PaginaUrl' => '/perfiles', 'Padre' => '1'])

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

        {{-- @slot('class', '') --}}

        @slot('titulo')
            <i class="fas fa-paper-plane" style="font-size: 20px"></i>&nbsp;&nbsp;&nbsp;<h1 class="d-inline-block p-0"
                style="margin: -2px 0px -1px 5px;">Envío de notificaciones push</h1>
        @endslot

        @slot('idTabla', 'TableNotificaciones')

        @slot('styleFiltros', 'width: 44%; display: inline;')

        @slot('filtros', [[0, 'ID'], [1, 'Titulo'], [2, 'Mensaje']])

        @slot('accionBuscar')
            onkeyup="if(event.keyCode == 13) MakeRequestData('{{ route('notificaciones.buscar') }}',
            '#TableNotificaciones', 'POST', 2, '','', true, false, false, ['Palabra/' + $(this).val(), 'Filtro/' +
            $('#OpcionBuscar').val(), 'hisnFecha/'+$('#hisnFecha').val()])"
        @endslot


        @slot('btnAgregar')
            <div class="col-auto">
                <button type="button" class="btn btn-icon btn-success"
                    onclick="MakeRequestData('{{ route('notificaciones.createEdit') }}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo',
                    true, false, false,['Id/0', 'Contenedor/#TableNotificaciones', 'Tipo/5'])"><i
                        class="fas fa-plus"></i>&nbsp;&nbsp;Nuevo push</button>
            </div>
        @endslot

        @slot('leftElements')
            <input type="date" id="hisnFecha" class="form-control" style="display:inline; width: 54%"
                onkeyup="if(event.keyCode == 13) MakeRequestData('{{ route('notificaciones.buscar') }}', '#TableNotificaciones', 'POST', 2, '','', true, false, false, ['Palabra/' + $('#Buscador').val(), 'Filtro/' + $('#OpcionBuscar').val(), 'hisnFecha/'+$('#hisnFecha').val()])">
        @endslot


        @slot('header')
            <td>Fecha</td>
            <td>Título</td>
            <td>Cuerpo</td>
            <td>Acciones</td>
        @endslot

        @slot('body')
            @include('notificaciones._partials.data')
        @endslot
    </x-table>
@endsection

@section('scripts')
    <script>
        $(document).on('show.bs.modal', '.modal', function() {
            const zIndex = 1040 + 10 * $('.modal:visible').length;
            $(this).css('z-index', zIndex);
            setTimeout(() => $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass(
                'modal-stack'));
        });

        $(document).on('hidden.bs.modal', '.modal',
            () => $('.modal:visible').length && $(document.body).addClass('modal-open'));
    </script>
@endsection