<div wire:poll.10000ms>
    <div class="d-block">
        <a type="button" class="rounded-circle p-2 lh-1 link-secondary bg-primary-soft-hover text-decoration-none p-1"
            data-bs-toggle="offcanvas" href="#notificationsOffcanvas">
            <div class="position-relative">
                <i class="bi bi-bell fs-4"></i>
                @if ($unreadedCount > 0)
                    <span class="notices-badge animation-blink"></span>
                @endif
            </div>
        </a>
    </div>
    {{-- <div class="d-lg-none d-block">
        <a class="nav-link text-center" data-bs-toggle="offcanvas" href="#notificationsOffcanvas">
            <div class="position-relative">
                <svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" fill="currentColor" class="bi bi-bell" viewBox="0 0 16 16">
                    <path 
                        d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2M8 1.918l-.797.161A4 4 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4 4 0 0 0-3.203-3.92zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5 5 0 0 1 13 6c0 .88.32 4.2 1.22 6"/>
                </svg>
                <div class="position-absolute start-45 bottom-100">
                    @if ($unreadedCount > 0 || $unreadedMessages > 0)
                    <span class="notices-badge animation-blink"></span>
                    @endif
                </div>
            </div>
            <span class="small d-block text-small-mobile">Уведомления</span>
        </a>
    </div> --}}
</div>
