@extends('layouts.main')


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

    <x-page-header>
        VIEWING TOTAL SMS NOTIFICATIONS
    </x-page-header>


    <div class="d-flex justify-content-end align-items-center gap-3 mb-3">

        <form id="users-form" style="display: contents">
            <x-ui.search-field placeholder="SEARCH TAG, TITLE"/>

            <x-ui.select.filter name="notificationCategory" id="notificationCategory" :options="$tags"/>

            <x-ui.select.filter name="notificationStatus" id="notificationStatus" :options="$publish_statuses"/>

        </form>

        <x-ui.blue-button modal="create-notification-modal">CREATE NOTIFICATION</x-ui.blue-button>
        @include('management-notifications.partials.create-notification-modal')
    </div>
{{--//maybe to be replaced like system and manual. it was made to call the same component for all types of notifications, and only change the data--}}
    <div id="listDataContainer">
    </div>
    </div>
@endsection