<div class="bottom-menu-container">
    <div class="bottom-menu d-flex align-items-center justify-content-around w-100">
        <div class="bottom-menu-item {{if (eq currentRouteName "home") "active" ""}}">
            <LinkTo @route="home">
                <i class="bx bxs-home"></i>
            </LinkTo>
        </div>
        <div class="bottom-menu-item {{if (eq currentRouteName "inbox") "active" ""}}">
            <LinkTo @route="inbox.all">
                <i class="bx bxs-inbox"></i>
            </LinkTo>
        </div>
        <div class="bottom-menu-item {{if this.homeNotification.model.hasNotification "has-notification" ""}} {{if (eq currentRouteName "notification") "active" ""}}">
            <LinkTo @route="notification">
                <i class="bx bxs-bell"></i>
            </LinkTo>
        </div>
        <div class="bottom-menu-item {{if (eq currentRouteName "profile") "active" ""}}">
            <LinkTo @route="profile">
                <img src="{{rootURL}}assets/images/ic-account.svg" alt="ic-home">    
            </LinkTo>
        </div>
    </div>
</div>