 <!-- Navigation Bar-->
 <header id="topnav">

    <!-- Topbar Start -->
    <div class="navbar-custom">
        <div class="container-fluid">
            <ul class="list-unstyled topnav-menu float-right mb-0">

                <li class="dropdown notification-list">
                    <!-- Mobile menu toggle-->
                    <a class="navbar-toggle nav-link">
                        <div class="lines">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </a>
                    <!-- End mobile menu toggle-->
                </li>

                <notifications v-bind:notifications="notifications"></notifications>

                <li class="dropdown notification-list">
                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                        <span class="pro-user-name ml-1">
                            {{ Auth::user()->name }} <i class="mdi mdi-chevron-down"></i>
                        </span>
                        <img src="{{ auth()->user()->getFirstMediaUrl('avatar') ? url(auth()->user()->getFirstMediaUrl('avatar')) : asset('assets/images/default-avatar.png') }}" alt="user-image" class="rounded-circle">
                    </a>
                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
                        <!-- item-->
                        <div class="dropdown-header noti-title">
                            <h6 class="text-overflow m-0">خوش آمدید!</h6>
                        </div>

                        <!-- item-->
                        <a href="{{ route('panel.profile') }}" class="dropdown-item notify-item">
                            <i class="remixicon-account-circle-line"></i>
                            <span>حساب کاربری</span>
                        </a>

                        <!-- item-->
                        <a href="{{ route('panel.password.change') }}" class="dropdown-item notify-item">
                            <i class="remixicon-settings-3-line"></i>
                            <span>تغییر کلمه عبور</span>
                        </a>

                        <div class="dropdown-divider"></div>

                        <!-- item-->
                        <a href="{{ route('panel.logout') }}" class="dropdown-item notify-item">
                            <i class="remixicon-logout-box-line"></i>
                            <span>خروج</span>
                        </a>

                    </div>
                </li>

            </ul>

            <!-- LOGO -->
            <div class="logo-box">
                <a href="{{ route('main') }}" class="logo text-center">
                   <span class="logo-lg">
                       @if(config('site_logo'))
                           <span class="logo-lg-text-light">{{ config('site_logo') }}</span>
                       @else
                           <img src="{{ config('site_logo_img') ?: asset('assets/images/patronic-logo-light.png') }}"  alt="SITE LOGO" height="40">
                       @endif
                   </span>
                </a>
            </div>

            <div class="clearfix"></div>
        </div>
    </div>
    <!-- end Topbar -->

    @include('layouts.user-panel.navbar')
</header>
<!-- End Navigation Bar-->