<li style="display:none;" class="nav-item dropdown-notifications navbar-dropdown dropdown me-3 me-xl-1" wire:click="fetchNotifications">
    <div class="notification-box">
    <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
    <i class="bx bx-bell bx-sm"></i>
    <span class="badge bg-danger rounded-pill badge-notifications" id="notificationCount" style="display: <?php echo e($countUnreadNotif > 0 ? 'block':'none'); ?>"></span>
    </a>
    <ul class="dropdown-menu dropdown-menu-end py-0" id="notifications-container" onclick="event.stopPropagation()" wire:ignore.self>
        <!-- Loader -->
        <div wire:loading wire:target="fetchNotifications" class="text-center p-3">
            <div class="spinner-border text-primary" role="status">
                <span class="visually-hidden">Loading...</span>
            </div>
        </div>
        <li class="dropdown-menu-header border-bottom">
            <div class="dropdown-header d-flex align-items-center py-3 px-0">
            <h6 class="text-body mb-0 me-auto">Notification</h6>
            <a id="close-chat-icon" href="javascript:;" class="dropdown-notifications-all text-body" data-bs-toggle="tooltip" data-bs-placement="top" >
                <i class="bx fs-4 bx-x"></i></a>
            </div>
        </li>
        <!---- loop  -->
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $notifications; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $notify): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <li class="mb-1 notifItem <?php echo e(!$notify->is_read ? 'is-unread' : ''); ?>" 
                onclick="event.stopPropagation()"
                wire:click="markAsRead(<?php echo e($notify->id); ?>)"
                wire:key="notif<?php echo e($notify->id); ?>">
                <div class="message-wrapper d-flex align-items-center justify-content-between <?php echo e(!$notify->is_read ? 'unread' : 'read'); ?>">
                    <div class="message d-flex align-items-center gap-3">
                        <svg width="52" height="52" viewBox="0 0 52 52"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <circle cx="26" cy="26" r="26" fill="<?php echo e(!$notify->is_read ? 'white' : '#F5F5F5'); ?>"/>
                            <path
                                    d="M26.0175 17.248C22.8301 17.248 20.2397 19.8384 20.2397 23.0258V25.8088C20.2397 26.3962 19.9894 27.2917 19.6908 27.7925L18.5834 29.6317C17.8997 30.768 18.3716 32.0295 19.6234 32.4532C23.7738 33.8399 28.2516 33.8399 32.4019 32.4532C33.5671 32.068 34.0775 30.691 33.4419 29.6317L32.3345 27.7925C32.0456 27.2917 31.7953 26.3962 31.7953 25.8088V23.0258C31.7953 19.848 29.1953 17.248 26.0175 17.248Z"
                                    stroke="#6B6B6B" stroke-width="1.2"
                                    stroke-miterlimit="10"
                                    stroke-linecap="round"/>
                            <path
                                    d="M27.8012 17.5258C27.5027 17.4392 27.1946 17.3718 26.8768 17.3332C25.9524 17.2177 25.0664 17.2851 24.2383 17.5258C24.5175 16.8132 25.2109 16.3125 26.0198 16.3125C26.8287 16.3125 27.522 16.8132 27.8012 17.5258Z"
                                    stroke="#6B6B6B" stroke-width="1.2"
                                    stroke-miterlimit="10"
                                    stroke-linecap="round"
                                    stroke-linejoin="round"/>
                            <path
                                    d="M28.9106 32.8008C28.9106 34.3897 27.6106 35.6897 26.0217 35.6897C25.2321 35.6897 24.5002 35.3623 23.9802 34.8423C23.4602 34.3223 23.1328 33.5904 23.1328 32.8008"
                                    stroke="#6B6B6B" stroke-width="1.2"
                                    stroke-miterlimit="10"/>
                        </svg>
                        <div class="chat-message">
                            <h3 class="mb-0" style="font-size: 14px;">
                                <a href="javascript:;"><?php echo e($notify->title); ?></a>
                            </h3>
                            <p class="mb-0"><?php echo e($notify->description); ?></p>
                        </div>
    
                    </div>
                    <div class="time d-flex justify-content-end flex-column">
                        <p class="message-time mb-2"><?php echo e($notify->created_at->diffForHumans()); ?></p>
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(!$notify->is_read): ?>
                            <div class="text-center">
                                <svg width="10" height="10" viewBox="0 0 10 10"
                                    fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <rect width="10" height="10" rx="5"
                                        fill="#3F72AF"/>
                                </svg>
                            </div>
                        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                    </div>
                </div>
            </li>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
    
    </ul>
    </div>
</li>
<?php /**PATH E:\laragon\www\medibill\resources\views/livewire/admin/notifcation-component.blade.php ENDPATH**/ ?>