@extends('client.layout.master')
@section('page-title', 'Notifications')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
    <li class="breadcrumb-item f-w-500 active">Notifications</li>
@endsection
@section('title','Notifications')
@section('content')
    <!-- Container-fluid starts-->
    <div class="container-fluid ">
        <div class="row">
            <div class="col-sm-12">
                <div class="">

                    <div class="">
                        <div class="list-product-header d-flex justify-content-between align-items-center mb-3">
                            <h4 class="m-0 d-flex align-items-center gap-2 section-header-title">
                                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"
                                     viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                     stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                     class="icon icon-tabler icons-tabler-outline icon-tabler-ticket-dots">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <path d="M4 7h10a2 2 0 0 1 2 2v1a2 2 0 0 0 2 2a2 2 0 0 1 -2 2v1a2 2 0 0 1 -2 2H4a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2z"/>
                                    <path d="M14 8h0"/>
                                    <path d="M14 12h0"/>
                                    <path d="M14 16h0"/>
                                </svg>


                                Notifications
                            </h4>

{{--                            <a class="btn btn-success custom-create-btn btn-sm" data-bs-toggle="offcanvas" data-bs-target="#create_ticket">--}}
{{--                                <i class="fa fa-plus"></i> Add--}}
{{--                            </a>--}}
                        </div>



                        <div>

                            <livewire:client.notification.notification-table :notificationId="$notificationId ?? null" />
                        </div>
{{--                        <livewire:client.support.modal.create  />--}}
                        <livewire:client.notification.modal.show :notificationId="$notificationId ?? null" />


                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid Ends-->
@endsection