@if (auth()->user())
    @forelse($notifications as $created_at => $notificationss)
        @php

            $today = \Carbon\Carbon::parse(now());
            $yesterday = \Carbon\Carbon::yesterday();
            $createdat = \Carbon\Carbon::parse($created_at);
            $dateformat1 = \Carbon\Carbon::parse($created_at)->format('Y-m-d');

        @endphp
        @if ($createdat->format('Y-m-d') == $today->format('Y-m-d'))
            <div class="badge badge-light-1 p-2 px-3 fs-16 ms-0 mt-0 mb-3">
                {{ lang('Today') }}</div>
        @elseif($createdat->format('Y-m-d') == $yesterday->format('Y-m-d'))
            <div class="badge badge-light-1 p-2 px-3 fs-16 ms-0 mt-3 mb-3">
                {{ lang('Yesterday') }}</div>
        @else
            <div class="badge badge-light-1 p-2 px-3 fs-16 ms-0 mt-3 mb-3">
                {{ $createdat->timezone(Auth::user()->timezone)->format(setting('date_format')) }}
            </div>
        @endif

        @foreach ($notificationss as $notification)

        @if (array_key_exists('reasonofinfo', $notification->data) && $notification->data['reasonofinfo'] == 'adminreset2fa')
            @if ($notification->read_at != null)
                <div class="card mb-3 notify-read">
                    <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                        data-id="{{ $notification->id }}">
                        <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                    </a>
                    <div class="d-flex p-4 border-bottom-0">
                        <div class="">
                            <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                <path fill="#ffce6d"
                                    d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                <path fill="#ffae0c"
                                    d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                            </svg>
                        </div>
                        <div class="mt-0 text-start">
                            <span
                                class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                <span class="badge badge-info badge-notify br-13 ms-2 mt-0">
                                    {{ lang('Removed Two factor authentication', 'notification') }} </span></span>
                            <p class="fs-13 mb-0">
                                {{ lang('Your two factor authentication details are removed by admin.', 'notification') }} </p>
                        </div>
                    </div>
                    <span class="text-end mb-2 me-3 fs-12 text-muted">
                        {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                    </span>
                </div>
            @else
                <div class="card mb-3">
                    <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                        data-id="{{ $notification->id }}">
                        <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                    </a>
                    <div class="d-flex p-4 border-bottom-0">
                        <div class="">
                            <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                <path fill="#ffce6d"
                                    d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                <path fill="#ffae0c"
                                    d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                            </svg>
                        </div>
                        <div class="mt-0 text-start">
                            <span
                                class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                <span class="badge badge-info badge-notify br-13 ms-2 mt-0">
                                    {{ lang('Removed Two factor authentication', 'notification') }} </span></span>
                            <p class="fs-13 mb-0">
                                {{ lang('Your two factor authentication details are removed by admin.', 'notification') }}</p>
                        </div>
                    </div>
                    <span class="text-end mb-2 me-3 fs-12 text-muted">
                        {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                    </span>
                </div>
            @endif
        @elseif (array_key_exists('ticketassign', $notification->data) && $notification->data['ticketassign'] == 'yes')
            @if ($notification->read_at != null)
                <div class="card mb-3 notify-read">
                    <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                        data-id="{{ $notification->id }}">
                        <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                    </a>
                    <div class="d-flex p-4 border-bottom-0">
                        <div class="">
                            <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                <path fill="#ffce6d"
                                    d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                <path fill="#ffae0c"
                                    d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                            </svg>
                        </div>
                        <div class="mt-0 text-start">
                            <span
                                class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                <span class="badge badge-info badge-notify br-13 ms-2 mt-0">
                                    {{ lang('Assigned Ticket', 'notification') }} </span></span>
                            <p class="fs-13 mb-0"><strong>{{ $notification->data['ticket_id'] }}</strong>
                                {{ lang('Ticket is assigned.', 'notification') }} <a
                                    href="{{ $notification->data['link'] }}" data-id="{{ $notification->id }}"
                                    class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a></p>
                        </div>
                    </div>
                    <span class="text-end mb-2 me-3 fs-12 text-muted">
                        {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                    </span>
                </div>
            @else
                <div class="card mb-3">
                    <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                        data-id="{{ $notification->id }}">
                        <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                    </a>
                    <div class="d-flex p-4 border-bottom-0">
                        <div class="">
                            <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                <path fill="#ffce6d"
                                    d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                <path fill="#ffae0c"
                                    d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                            </svg>
                        </div>
                        <div class="mt-0 text-start">
                            <span
                                class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                <span class="badge badge-info badge-notify br-13 ms-2 mt-0">
                                    {{ lang('Assigned Ticket', 'notification') }} </span></span>
                            <p class="fs-13 mb-0"><strong>{{ $notification->data['ticket_id'] }}</strong>
                                {{ lang('Ticket is assigned.', 'notification') }} <a
                                    href="{{ $notification->data['link'] }}" data-id="{{ $notification->id }}"
                                    class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a></p>
                        </div>
                    </div>
                    <span class="text-end mb-2 me-3 fs-12 text-muted">
                        {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                    </span>
                </div>
            @endif
        @elseif (array_key_exists('draftnotify', $notification->data) && $notification->data['draftnotify'] == 'draftcreated')
            @if ($notification->read_at != null)
                <div class="card mb-3 notify-read">
                    <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                        data-id="{{ $notification->id }}">
                        <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                    </a>
                    <div class="d-flex p-4 border-bottom-0">
                        <div class="">
                            <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                <path fill="#ffce6d"
                                    d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                <path fill="#ffae0c"
                                    d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                            </svg>
                        </div>
                        <div class="mt-0 text-start">
                            <span
                                class="fs-16 font-weight-semibold">{{ lang('Draft') }} {{ lang($notification->data['title']) }}
                                <span class="badge badge-info badge-notify br-13 ms-2 mt-0">
                                    {{ lang('Ticket Draft', 'notification') }} </span></span>
                            <p class="fs-13 mb-0"><strong>{{ $notification->data['ticket_id'] }}</strong>
                                 {{lang('Ticket Draft is ', 'notification')}} {{ $notification->data['title'] }} {{ lang(' By ') }} {{ lang($notification->data['created_username']) }} <a
                                    href="{{ $notification->data['link'] }}" data-id="{{ $notification->id }}"
                                    class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a></p>
                        </div>
                    </div>
                    <span class="text-end mb-2 me-3 fs-12 text-muted">
                        {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                    </span>
                </div>
            @else
                <div class="card mb-3">
                    <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                        data-id="{{ $notification->id }}">
                        <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                    </a>
                    <div class="d-flex p-4 border-bottom-0">
                        <div class="">
                            <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                <path fill="#ffce6d"
                                    d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                <path fill="#ffae0c"
                                    d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                            </svg>
                        </div>
                        <div class="mt-0 text-start">
                            <span
                                class="fs-16 font-weight-semibold">{{ lang('Draft') }} {{ lang($notification->data['title']) }}
                                <span class="badge badge-info badge-notify br-13 ms-2 mt-0">
                                    {{ lang('Ticket Draft', 'notification') }} </span></span>
                            <p class="fs-13 mb-0"><strong>{{ $notification->data['ticket_id'] }}</strong>
                                {{lang('Ticket Draft is ', 'notification')}} {{ $notification->data['title'] }} {{ lang(' By ') }} {{ lang($notification->data['created_username']) }} <a
                                    href="{{ $notification->data['link'] }}" data-id="{{ $notification->id }}"
                                    class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a></p>
                        </div>
                    </div>
                    <span class="text-end mb-2 me-3 fs-12 text-muted">
                        {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                    </span>
                </div>
            @endif
        @else
            @if ($notification->data['status'] == 'New')
                @if ($notification->read_at != null)
                    <div class="card mb-3 notify-read">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                            data-id="{{ $notification->id }}">
                            <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                        </a>
                        <div class="d-flex p-4 border-bottom-0">
                            <div class="">
                                <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                    enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                    <path fill="#ffce6d"
                                        d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                    <path fill="#ffae0c"
                                        d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span
                                    class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                    <span class="badge badge-burnt-orange badge-notify br-13 ms-2 mt-0">
                                        {{ lang('New Ticket', 'notification') }} </span></span>
                                <p class="fs-13 mb-0">
                                    {{ lang('A new ticket has been created', 'notification') }}
                                    <strong>{{ $notification->data['ticket_id'] }}</strong> <a
                                        href="{{ $notification->data['link'] }}" data-id="{{ $notification->id }}"
                                        class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a>
                                </p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                        </span>
                    </div>
                @else
                    <div class="card mb-3">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                            data-id="{{ $notification->id }}">
                            <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                        </a>
                        <div class="d-flex p-4 border-bottom-0">
                            <div class="">
                                <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                    enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                    <path fill="#ffce6d"
                                        d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                    <path fill="#ffae0c"
                                        d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span
                                    class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                    <span class="badge badge-burnt-orange badge-notify br-13 ms-2 mt-0">
                                        {{ lang('New Ticket', 'notification') }} </span></span>
                                <p class="fs-13 mb-0">
                                    {{ lang('A new ticket has been created', 'notification') }}
                                    <strong>{{ $notification->data['ticket_id'] }}</strong> <a
                                        href="{{ $notification->data['link'] }}" data-id="{{ $notification->id }}"
                                        class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a>
                                </p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                        </span>
                    </div>
                @endif
            @endif

            @if ($notification->data['status'] == 'Closed')
                @if ($notification->read_at != null)
                    <div class="card mb-3 notify-read">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                            data-id="{{ $notification->id }}">
                            <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                        </a>
                        <div class="d-flex p-4 border-bottom-0">
                            <div class="">
                                <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                    enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                    <path fill="#ffce6d"
                                        d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                    <path fill="#ffae0c"
                                        d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span
                                    class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                    <span class="badge badge-danger badge-notify br-13 ms-2 mt-0">
                                        {{ lang('Closed Ticket', 'notification') }} </span></span>
                                <p class="fs-13 mb-0">
                                    {{ lang('This ticket has been closed', 'notification') }}
                                    <strong>{{ $notification->data['ticket_id'] }}</strong> <a
                                        href="{{ $notification->data['link'] }}" data-id="{{ $notification->id }}"
                                        class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a>
                                </p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                        </span>
                    </div>
                @else
                    <div class="card mb-3">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                            data-id="{{ $notification->id }}">
                            <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                        </a>
                        <div class="d-flex p-4 border-bottom-0">
                            <div class="">
                                <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                    enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                    <path fill="#ffce6d"
                                        d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                    <path fill="#ffae0c"
                                        d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span
                                    class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                    <span class="badge badge-danger badge-notify br-13 ms-2 mt-0">
                                        {{ lang('Closed Ticket', 'notification') }} </span></span>
                                <p class="fs-13 mb-0">
                                    {{ lang('This ticket has been closed', 'notification') }}
                                    <strong>{{ $notification->data['ticket_id'] }}</strong> <a
                                        href="{{ $notification->data['link'] }}" data-id="{{ $notification->id }}"
                                        class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a>
                                </p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                        </span>
                    </div>
                @endif
            @endif

            @if ($notification->data['status'] == 'On-Hold')
                @if ($notification->read_at != null)
                    <div class="card mb-3 notify-read">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                            data-id="{{ $notification->id }}">
                            <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                        </a>
                        <div class="d-flex p-4 border-bottom-0">
                            <div class="">
                                <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                    enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                    <path fill="#ffce6d"
                                        d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                    <path fill="#ffae0c"
                                        d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span
                                    class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                    <span class="badge badge-warning badge-notify br-13 ms-2 mt-0">
                                        {{ lang('On-Hold Ticket', 'notification') }} </span></span>
                                <p class="fs-13 mb-0">
                                    {{ lang('This ticket status is On-Hold', 'notification') }}
                                    <strong>{{ $notification->data['ticket_id'] }}</strong> <a
                                        href="{{ $notification->data['link'] }}" data-id="{{ $notification->id }}"
                                        class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a>
                                </p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                        </span>
                    </div>
                @else
                    <div class="card mb-3">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                            data-id="{{ $notification->id }}">
                            <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                        </a>
                        <div class="d-flex p-4 border-bottom-0">
                            <div class="">
                                <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                    enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                    <path fill="#ffce6d"
                                        d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                    <path fill="#ffae0c"
                                        d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span
                                    class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                    <span class="badge badge-warning badge-notify br-13 ms-2 mt-0">
                                        {{ lang('On-Hold Ticket', 'notification') }} </span></span>
                                <p class="fs-13 mb-0">
                                    {{ lang('This ticket status is On-Hold', 'notification') }}
                                    <strong>{{ $notification->data['ticket_id'] }}</strong> <a
                                        href="{{ $notification->data['link'] }}" data-id="{{ $notification->id }}"
                                        class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a>
                                </p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                        </span>
                    </div>
                @endif
            @endif
            @if ($notification->data['status'] == 'Re-Open')
                @if ($notification->read_at != null)
                    <div class="card mb-3 notify-read">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                            data-id="{{ $notification->id }}">
                            <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                        </a>
                        <div class="d-flex p-4 border-bottom-0">
                            <div class="">
                                <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                    enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                    <path fill="#ffce6d"
                                        d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                    <path fill="#ffae0c"
                                        d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span
                                    class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                    <span class="badge badge-teal badge-notify br-13 ms-2 mt-0">
                                        {{ lang('Re-Open Ticket', 'notification') }} </span></span>
                                <p class="fs-13 mb-0">
                                    {{ lang('This ticket has been reopened', 'notification') }}
                                    <strong>{{ $notification->data['ticket_id'] }}</strong> <a
                                        href="{{ $notification->data['link'] }}" data-id="{{ $notification->id }}"
                                        class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a>
                                </p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                        </span>
                    </div>
                @else
                    <div class="card mb-3">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                            data-id="{{ $notification->id }}">
                            <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                        </a>
                        <div class="d-flex p-4 border-bottom-0">
                            <div class="">
                                <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                    enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                    <path fill="#ffce6d"
                                        d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                    <path fill="#ffae0c"
                                        d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span
                                    class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                    <span class="badge badge-teal badge-notify br-13 ms-2 mt-0">
                                        {{ lang('Re-Open Ticket', 'notification') }} </span></span>
                                <p class="fs-13 mb-0">
                                    {{ lang('This ticket has been reopened', 'notification') }}
                                    <strong>{{ $notification->data['ticket_id'] }}</strong> <a
                                        href="{{ $notification->data['link'] }}"
                                        data-id="{{ $notification->id }}"
                                        class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a>
                                </p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                        </span>
                    </div>
                @endif
            @endif
            @if ($notification->data['status'] == 'Inprogress')
                @if ($notification->data['overduestatus'] == 'Overdue')
                    @if ($notification->read_at != null)
                        <div class="card mb-3 notify-read">
                            <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                                data-id="{{ $notification->id }}">
                                <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                            </a>
                            <div class="d-flex p-4 border-bottom-0">
                                <div class="">
                                    <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                        enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                        <path fill="#ffce6d"
                                            d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                        <path fill="#ffae0c"
                                            d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                    </svg>
                                </div>
                                <div class="mt-0 text-start">
                                    <span
                                        class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                        <span
                                            class="badge badge-danger-light badge-notify br-13 ms-2 mt-0">
                                            {{ lang('Overdue Ticket', 'notification') }} </span></span>
                                    <p class="fs-13 mb-0">
                                        {{ lang('This ticket status is overdue', 'notification') }}
                                        <strong>{{ $notification->data['ticket_id'] }}</strong> <a
                                            href="{{ $notification->data['link'] }}"
                                            data-id="{{ $notification->id }}"
                                            class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a>
                                    </p>
                                </div>
                            </div>
                            <span class="text-end mb-2 me-3 fs-12 text-muted">
                                {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                            </span>
                        </div>
                    @else
                        <div class="card mb-3">
                            <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                                data-id="{{ $notification->id }}">
                                <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                            </a>
                            <div class="d-flex p-4 border-bottom-0">
                                <div class="">
                                    <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                        enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                        <path fill="#ffce6d"
                                            d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                        <path fill="#ffae0c"
                                            d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                    </svg>
                                </div>
                                <div class="mt-0 text-start">
                                    <span
                                        class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                        <span
                                            class="badge badge-danger-light badge-notify br-13 ms-2 mt-0">
                                            {{ lang('Overdue Ticket', 'notification') }} </span></span>
                                    <p class="fs-13 mb-0">
                                        {{ lang('This ticket status is overdue', 'notification') }}
                                        <strong>{{ $notification->data['ticket_id'] }}</strong> <a
                                            href="{{ $notification->data['link'] }}"
                                            data-id="{{ $notification->id }}"
                                            class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a>
                                    </p>
                                </div>
                            </div>
                            <span class="text-end mb-2 me-3 fs-12 text-muted">
                                {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                            </span>
                        </div>
                    @endif
                @else
                    @if ($notification->read_at != null)
                        <div class="card mb-3 notify-read">
                            <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                                data-id="{{ $notification->id }}">
                                <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                            </a>
                            <div class="d-flex p-4 border-bottom-0">
                                <div class="">
                                    <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                        enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                        <path fill="#ffce6d"
                                            d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                        <path fill="#ffae0c"
                                            d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                    </svg>
                                </div>
                                <div class="mt-0 text-start">
                                    <span
                                        class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                        <span class="badge badge-info badge-notify br-13 ms-2 mt-0">
                                            {{ lang('Inprogress Ticket', 'notification') }} </span></span>
                                    <p class="fs-13 mb-0">
                                        {{ lang('You got a new reply on this ticket', 'notification') }}
                                        <strong>{{ $notification->data['ticket_id'] }}</strong> <a
                                            href="{{ $notification->data['link'] }}"
                                            data-id="{{ $notification->id }}"
                                            class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a>
                                    </p>
                                </div>
                            </div>
                            <span class="text-end mb-2 me-3 fs-12 text-muted">
                                {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                            </span>
                        </div>
                    @else
                        <div class="card mb-3">
                            <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                                data-id="{{ $notification->id }}">
                                <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                            </a>
                            <div class="d-flex p-4 border-bottom-0">
                                <div class="">
                                    <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                        enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                        <path fill="#ffce6d"
                                            d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                        <path fill="#ffae0c"
                                            d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                    </svg>
                                </div>
                                <div class="mt-0 text-start">
                                    <span
                                        class="fs-16 font-weight-semibold">{{ Str::limit($notification->data['title'], '50', '...') }}
                                        <span class="badge badge-info badge-notify br-13 ms-2 mt-0">
                                            {{ lang('Inprogress Ticket', 'notification') }} </span></span>
                                    <p class="fs-13 mb-0">
                                        {{ lang('You got a new reply on this ticket', 'notification') }}
                                        <strong>{{ $notification->data['ticket_id'] }}</strong> <a
                                            href="{{ $notification->data['link'] }}"
                                            data-id="{{ $notification->id }}"
                                            class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a>
                                    </p>
                                </div>
                            </div>
                            <span class="text-end mb-2 me-3 fs-12 text-muted">
                                {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                            </span>
                        </div>
                    @endif
                @endif
            @endif
            @if ($notification->data['status'] == 'mail')
                @if ($notification->read_at != null)
                    <div class="card mb-3 notify-read">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                            data-id="{{ $notification->id }}">
                            <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                        </a>
                        <div class="d-flex p-4 border-bottom-0">
                            <div class="">
                                <svg class="alt-notify mail me-4" xmlns=" http://www.w3.org/2000/svg"
                                    viewBox="0 0 24 24">
                                    <path fill="#8ac0c3"
                                        d="M19,20H5a3.00328,3.00328,0,0,1-3-3V7A3.00328,3.00328,0,0,1,5,4H19a3.00328,3.00328,0,0,1,3,3V17A3.00328,3.00328,0,0,1,19,20Z" />
                                    <path fill="#3c969c"
                                        d="M22,7a3.00328,3.00328,0,0,0-3-3H5A3.00328,3.00328,0,0,0,2,7V8.061l9.47852,5.79248a1.00149,1.00149,0,0,0,1.043,0L22,8.061Z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span
                                    class="fs-16 font-weight-semibold">{{ $notification->data['mailsubject'] }}<span
                                        class="badge badge-success badge-notify br-13 ms-2 mt-0"
                                        style="background-color: {{ $notification->data['mailsendtagcolor'] }}">{{ $notification->data['mailsendtag'] }}</span></span>
                                <p class="fs-13 mb-0 pe-6">
                                    {{ strip_tags(Str::limit($notification->data['mailtext'], '70')) }}<a
                                        href="{{ route('admin.notiication.view', $notification->id) }}"
                                        data-id="{{ $notification->id }}"
                                        data-id="{{ $notification->id }}"
                                        class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a></p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                        </span>
                    </div>
                @else
                    <div class="card mb-3">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko"
                            data-id="{{ $notification->id }}">
                            <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                        </a>
                        <div class="d-flex p-4 border-bottom-0">
                            <div class="">
                                <svg class="alt-notify mail me-4" xmlns=" http://www.w3.org/2000/svg"
                                    viewBox="0 0 24 24">
                                    <path fill="#8ac0c3"
                                        d="M19,20H5a3.00328,3.00328,0,0,1-3-3V7A3.00328,3.00328,0,0,1,5,4H19a3.00328,3.00328,0,0,1,3,3V17A3.00328,3.00328,0,0,1,19,20Z" />
                                    <path fill="#3c969c"
                                        d="M22,7a3.00328,3.00328,0,0,0-3-3H5A3.00328,3.00328,0,0,0,2,7V8.061l9.47852,5.79248a1.00149,1.00149,0,0,0,1.043,0L22,8.061Z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span
                                    class="fs-16 font-weight-semibold">{{ $notification->data['mailsubject'] }}
                                    <span class="badge badge-success badge-notify br-13 ms-2 mt-0"
                                        style="background-color: {{ $notification->data['mailsendtagcolor'] }}">{{ $notification->data['mailsendtag'] }}</span></span>
                                <p class="fs-13 mb-0 pe-6">
                                    {{ strip_tags(Str::limit($notification->data['mailtext'], '70')) }}<a
                                        href="{{ route('admin.notiication.view', $notification->id) }}"
                                        data-id="{{ $notification->id }}"
                                        class="ms-3 text-blue mark-as-read">{{ lang('View') }}</a></p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{ \Carbon\Carbon::parse($notification->created_at)->timezone(Auth::user()->timezone)->format(setting('time_format')) }}
                        </span>

                    </div>
                @endif
            @endif
            @if(($notification->data['status'] == 'invoice') && ($notification->data['itemStatus'] == 'pending'))
            @php
                $id = decrypt($notification->data['invoice_id']);
                // $id = $notification->data['invoice_id'];
                $invoiceExists = \App\Models\AllTransactions::where('invoiceId', $id)->exists();
            @endphp
                @if($notification->read_at != null)

                    <div class="card mb-3 border-0 notify-read">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko" data-id="{{$notification->id}}" >
                            <i class="fe fe-trash-2" data-id="{{$notification->id}}"></i>
                        </a>
                        <div class="d-flex p-3">
                            <div class="">
                                <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                    enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                    <path fill="#ffce6d"
                                        d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                    <path fill="#ffae0c"
                                        d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span class="fs-14 fw-semibold">{{ lang('New custom invoice created.')}}
                                    <span class="badge bg-warning badge-notify ms-2"> {{ lang('Custom Invoice Created', 'notification') }} </span>
                                </span>
                                <p class="fs-13 mb-0">{{ Str::limit(lang('A new custom invoice is created', 'notification'), '30' , '...' ) }}
                                    @if($invoiceExists)  <a  href="{{ url('/admin/customInvoices/' . $notification->data['invoice_id']) }}" data-id="{{$notification->id}}" class="ms-3 text-primary mark-as-read">{{lang('View')}}</a> @else <b> {{lang('Invoice Deleted')}}</b> @endif</p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{$notification->created_at->timezone(Auth::user()->timezone)->format(setting('time_format'))}}
                        </span>
                    </div>
                @else
                    <div class="card mb-3">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko" data-id="{{$notification->id}}" >
                            <i class="fe fe-trash-2" data-id="{{$notification->id}}"></i>
                        </a>
                        <div class="d-flex p-3">
                            <div class="">
                                <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                    enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                    <path fill="#ffce6d"
                                        d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                    <path fill="#ffae0c"
                                        d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span class="fs-14 fw-semibold">{{ lang('New custom invoice created.')}}
                                    <span class="badge bg-warning badge-notify ms-2"> {{ lang('Custom Invoice Created', 'notification') }} </span>
                                </span>
                                <p class="fs-13 mb-0">{{ Str::limit(lang('A new custom invoice is created', 'notification'), '30' , '...' ) }}
                                    @if($invoiceExists)  <a  href="{{ url('/admin/customInvoices/' . $notification->data['invoice_id']) }}" data-id="{{$notification->id}}" class="ms-3 text-primary mark-as-read">{{lang('View')}}</a> @else {{lang('Invoice Deleted')}} @endif</p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{$notification->created_at->timezone(Auth::user()->timezone)->format(setting('time_format'))}}
                        </span>
                    </div>
                @endif
            @endif
            @if(($notification->data['status'] == 'invoice') && ($notification->data['itemStatus'] == 'refundpending'))
                @if($notification->read_at != null)
                    <div class="card mb-3 border-0 notify-read">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko" data-id="{{ $notification->id }}" >
                            <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                        </a>
                        <div class="d-flex p-3">
                            <div class="">
                                <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                    enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                    <path fill="#ffce6d"
                                        d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                    <path fill="#ffae0c"
                                        d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span class="fs-14 fw-semibold">{{ lang('Recieved a new refund request.') }}
                                    <span class="badge bg-teal  badge-notify ms-2"> {{lang('Refund Request', 'notification')}} </span>
                                </span>
                                <p class="fs-13 mb-0">{{ Str::limit($notification->data['reason'], '30') }} <strong>{{ lang('Invoice Id') }} #{{ $notification->data['invoice_id'] }}</strong> <a  href="{{ url('/admin/refundRequests/' . $notification->data['tx_id']) }}" data-id="{{ $notification->id }}" class="ms-3 text-primary">{{lang('View')}}</a></p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{$notification->created_at->timezone(Auth::user()->timezone)->format(setting('time_format'))}}
                        </span>
                    </div>
                @else
                    <div class="card mb-3 border-0">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko" data-id="{{ $notification->id }}" >
                            <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                        </a>
                        <div class="d-flex p-3">
                            <div class="">
                                <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                    enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                    <path fill="#ffce6d"
                                        d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                    <path fill="#ffae0c"
                                        d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span class="fs-14 fw-semibold">{{ lang('Recieved a new refund request.') }}
                                    <span class="badge bg-teal  badge-notify ms-2"> {{lang('Refund Request', 'notification')}} </span>
                                </span>
                                <p class="fs-13 mb-0">{{ Str::limit($notification->data['reason'], '30') }} <strong>{{ lang('Invoice Id') }} #{{ $notification->data['invoice_id'] }}</strong> <a  href="{{ url('/admin/refundRequests/' . $notification->data['tx_id']) }}" data-id="{{ $notification->id }}" class="ms-3 text-primary">{{lang('View')}}</a></p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{$notification->created_at->timezone(Auth::user()->timezone)->format(setting('time_format'))}}
                        </span>
                    </div>
                @endif
            @endif
            @if(($notification->data['status'] == 'invoice') && ($notification->data['itemStatus'] == 'refunded'))
                @if($notification->read_at != null)
                    <div class="card mb-3 border-0 notify-read">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko" data-id="{{ $notification->id }}" >
                            <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                        </a>
                        <div class="d-flex p-3">
                            <div class="">
                                <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                    enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                    <path fill="#ffce6d"
                                        d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                    <path fill="#ffae0c"
                                        d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span class="fs-14 fw-semibold">{{ lang('Refund request approved') }}
                                    <span class="badge bg-teal  badge-notify ms-2"> {{lang('Refund Approved', 'notification')}} </span>
                                </span>
                                <p class="fs-13 mb-0">{{ Str::limit($notification->data['reason'], '30') }} <strong>{{ lang('Invoice Id') }} #{{ $notification->data['invoice_id'] }}</strong> <a  href="{{ url('/admin/refundRequests/' . $notification->data['tx_id']) }}" data-id="{{ $notification->id }}" class="ms-3 text-primary">{{lang('View')}}</a></p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{$notification->created_at->timezone(Auth::user()->timezone)->format(setting('time_format'))}}
                        </span>
                    </div>
                @else
                    <div class="card mb-3 border-0">
                        <a href="javascript:" class="ticketnotetrash notifydeletespruko" data-id="{{ $notification->id }}" >
                            <i class="fe fe-trash-2" data-id="{{ $notification->id }}"></i>
                        </a>
                        <div class="d-flex p-3">
                            <div class="">
                                <svg class="me-4  alt-notify" xmlns="http://www.w3.org/2000/svg"
                                    enable-background="new 0 0 24 24" viewBox="0 0 24 24">
                                    <path fill="#ffce6d"
                                        d="M18,13.18463V10c0-3.31372-2.68628-6-6-6s-6,2.68628-6,6v3.18463C4.83832,13.59863,4.00146,14.69641,4,16v2c0,0.00037,0,0.00073,0,0.00116C4.00031,18.5531,4.44806,19.00031,5,19h14c0.00037,0,0.00073,0,0.00116,0C19.5531,18.99969,20.00031,18.55194,20,18v-2C19.99854,14.69641,19.16168,13.59863,18,13.18463z" />
                                    <path fill="#ffae0c"
                                        d="M8.14233 19c.4472 1.72119 1.99689 2.99817 3.85767 3 1.86078-.00183 3.41046-1.27881 3.85767-3H8.14233zM12 4c.34149 0 .67413.03516 1 .08997V3c0-.55231-.44769-1-1-1s-1 .44769-1 1v1.08997C11.32587 4.03516 11.65851 4 12 4z" />
                                </svg>
                            </div>
                            <div class="mt-0 text-start">
                                <span class="fs-14 fw-semibold">{{ lang('Refund request approved') }}
                                    <span class="badge bg-teal  badge-notify ms-2"> {{lang('Refund Approved', 'notification')}} </span>
                                </span>
                                <p class="fs-13 mb-0">{{ Str::limit($notification->data['reason'], '30') }} <strong>{{ lang('Invoice Id') }} #{{ $notification->data['invoice_id'] }}</strong> <a  href="{{ url('/admin/refundRequests/' . $notification->data['tx_id']) }}" data-id="{{ $notification->id }}" class="ms-3 text-primary">{{lang('View')}}</a></p>
                            </div>
                        </div>
                        <span class="text-end mb-2 me-3 fs-12 text-muted">
                            {{$notification->created_at->timezone(Auth::user()->timezone)->format(setting('time_format'))}}
                        </span>
                    </div>
                @endif
            @endif

        @endif
    @endforeach
    @empty

        <div class="card">
            <div class="card-body h-100 w-100">
                <div class="main-content text-center">
                    <div class="notification-icon-container p-4">
                        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
                            viewBox="0 0 24 24">
                            <path
                                d="M21.9,21.1l-19-19C2.7,2,2.4,2,2.2,2.1C2,2.3,2,2.7,2.1,2.9l4.5,4.5C6.2,8.2,6,9.1,6,10v4.1c-1.1,0.2-2,1.2-2,2.4v2C4,18.8,4.2,19,4.5,19h3.7c0.5,1.7,2,3,3.8,3c1.8,0,3.4-1.3,3.8-3h2.5l2.9,2.9c0.1,0.1,0.2,0.1,0.4,0.1c0.1,0,0.3-0.1,0.4-0.1C22,21.7,22,21.3,21.9,21.1z M7,10c0-0.7,0.1-1.3,0.4-1.9l5.9,5.9H7V10z M13,20.8c-1.6,0.5-3.3-0.3-3.8-1.8h5.6C14.5,19.9,13.8,20.5,13,20.8z M5,18v-1.5C5,15.7,5.7,15,6.5,15h7.8l3,3H5z M9.6,5.6c1.9-1,4.3-0.7,5.9,0.9C16.5,7.4,17,8.7,17,10v3.3c0,0.3,0.2,0.5,0.5,0.5h0c0.3,0,0.5-0.2,0.5-0.5V10c0-3.1-2.4-5.7-5.5-6V2.5C12.5,2.2,12.3,2,12,2s-0.5,0.2-0.5,0.5V4c-0.8,0.1-1.6,0.3-2.3,0.7c0,0,0,0,0,0C8.9,4.8,8.8,5.1,9,5.4C9.1,5.6,9.4,5.7,9.6,5.6z" />
                        </svg>
                    </div>
                    <h4 class="mb-1">
                        {{ lang('There are no new notifications to display', 'notification') }}
                    </h4>
                    <p class="text-muted">
                        {{ lang('There are no notifications. We will notify you when the new notification arrives.', 'notification') }}
                    </p>
                </div>
            </div>
        </div>
    @endforelse
    @if (isset($status))
        {{ auth()->user()->notifications()->whereIn('data->status', $status)->paginate($perPage, ['*'], 'page', $page)->links('admin.notificationpagination2') }}
    @endif
@endif