@extends('layouts.main')


@once
    @push('stylesheets')
        <link rel="stylesheet" href="{{asset('css/manual-notifications.css')}}"/>
    @endpush
@endonce

@section('content')
    <div blade="{{ $viewName ?? 'unknown' }}">

    <x-page-header>
        VIEWING TOTAL MANUALLY PUSHED NOTIFICATIONS
    </x-page-header>

    <div class="manual-notification-filters mb-5">

            <form id="push-notifications-form" style="display: contents">

                <div class="col-search">
                    <x-ui.search-field placeholder="SEARCH TAG, TITLE"/>
                </div>

                <div class="col-filter">
                    <x-ui.select.filter
                        name="category"
                        id="notificationStatus"
                        :options="$notification_categories"
                        all="Όλες οι κατηγορίες"
                    />

                </div>

                <div class="col-filter">
                    <x-ui.select.filter
                        name="tag"
                        id="notificationTag"
                        all="Όλα ta tags"
                        :options="$tags"

                    />
                </div>

                <div class="col-filter">
                    <x-ui.select.filter
                        name="publish_status"
                        id="publishStatus"
                        :options="$publish_statuses"
                        all="Όλα τα status"
                    />
                </div>


            </form>

        <div class="col-button">
            <x-ui.blue-button modal="create-notification-modal">CREATE NOTIFICATION</x-ui.blue-button>
        </div>


            @include('management-notifications.partials.create-notification-modal')


    </div>


    <div id="listDataContainer" class="manual-notifications-container">
        @include('management-notifications.partials.notifications-list')
    </div>

    </div>
@endsection

@push('scripts-stack')
    <script defered>
        $s = jQuery.noConflict()
        $s(document).ready(function () {
            setAjaxFilters("{{route('management-notifications.manual')}}", 'push-notifications-form')
        });
    </script>
@endpush