<nav class="navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
    <div class="text-center navbar-brand-wrapper d-flex align-items-top justify-content-center">
        <a class="navbar-brand brand-logo" href="/"><img src="{{Module::asset('core:images/logo.png')}}" alt="logo"/></a>
        <a class="navbar-brand brand-logo-mini" href="/"><img src="{{Module::asset('core:images/logo-mini.png')}}" alt="logo"/></a>
    </div>
    <div class="navbar-menu-wrapper d-flex align-items-center">
        <button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">
            <span class="icon-menu"></span>
        </button>
        <ul class="navbar-nav">
            <li class="nav-item dropdown d-none d-lg-flex">
                <a class="nav-link dropdown-toggle nav-btn" href="/">
                    <p class="btn"><i class="icon-globe menu-icon" style="font-size: 0.85rem;"></i>  مشاهده وب سایت</p>
                </a>
            </li>
        </ul>
        <ul class="navbar-nav navbar-nav-right">
            <li class="nav-item dropdown">
                <a class="nav-link count-indicator dropdown-toggle" id="notificationDropdown" href="#" data-toggle="dropdown">
                    <i class="icon-bell mx-0"></i>
                    <span class="count"></span>
                </a>
                <div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list dropdown-left" aria-labelledby="notificationDropdown">
                    <a class="dropdown-item">
                        <p class="mb-0 font-weight-normal float-left">شما 4 اعلان جدید دارید
                        </p>
                        <span class="badge badge-pill badge-warning float-right">مشاهده کل</span>
                    </a>
                    <div class="dropdown-divider"></div>
                    <!--<a class="dropdown-item preview-item">-->
                    <!--<div class="preview-thumbnail">-->
                    <!--<div class="preview-icon bg-success">-->
                    <!--<i class="icon-info mx-0"></i>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="preview-item-content">-->
                    <!--<h6 class="preview-subject font-weight-medium">Application Error</h6>-->
                    <!--<p class="font-weight-light small-text">-->
                    <!--Just now-->
                    <!--</p>-->
                    <!--</div>-->
                    <!--</a>-->
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item preview-item">
                        <div class="preview-thumbnail">
                            <div class="preview-icon bg-warning">
                                <i class="icon-speech mx-0"></i>
                            </div>
                        </div>
                        <div class="preview-item-content">
                            <h6 class="preview-subject font-weight-medium text-right">نظرات</h6>
                            <p class="font-weight-light small-text">
                                نظر جدید
                            </p>
                        </div>
                    </a>
                    <!--<div class="dropdown-divider"></div>-->
                    <!--<a class="dropdown-item preview-item">-->
                    <!--<div class="preview-thumbnail">-->
                    <!--<div class="preview-icon bg-info">-->
                    <!--<i class="icon-envelope mx-0"></i>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="preview-item-content">-->
                    <!--<h6 class="preview-subject font-weight-medium">New user registration</h6>-->
                    <!--<p class="font-weight-light small-text">-->
                    <!--2 days ago-->
                    <!--</p>-->
                    <!--</div>-->
                    <!--</a>-->
                </div>
            </li>

        </ul>
        <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
            <span class="icon-menu"></span>
        </button>
    </div>
</nav>