{{-- navabar  --}}
<div class="header-navbar-shadow"></div>
<nav 
    class="header-navbar main-header-navbar navbar-expand-lg navbar navbar-with-menu {{ isset($configData['navbarType']) ?  $configData['navbarClass'] : '' }} " 
    data-bgcolor="{{ isset($configData['navbarBgColor']) ? $configData['navbarBgColor'] : '' }}"
>
    <div class="navbar-wrapper">
        <div class="navbar-container content">
            <div class="navbar-collapse" id="navbar-mobile">
                <div class="mr-auto float-left bookmark-wrapper d-flex align-items-center">
                    <ul class="nav navbar-nav">
                        <li class="nav-item mobile-menu d-xl-none mr-auto">
                            <a class="nav-link nav-menu-main menu-toggle hidden-xs" href="#"><i class="ficon bx bx-menu"></i></a>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav bookmark-icons">
                        @can('會員管理-消費紀錄列表-檢視')
                            <li class="nav-item">
                                <a class="nav-link" href="{{ Route('admin.purchases.create') }}" data-toggle="tooltip" data-placement="top" title="新增購物紀錄">
                                    <i class="ficon bx bx-cart"></i>
                                </a>
                            </li>
                        @endif
                        {{-- icon 區 --}}
                        {{-- <li class="nav-item d-none d-lg-block"><a class="nav-link" href="{{asset('app-email')}}" data-toggle="tooltip" data-placement="top" title="Email"><i class="ficon bx bx-envelope"></i></a></li> --}}
                        {{-- <li class="nav-item d-none d-lg-block"><a class="nav-link" href="{{asset('app-chat')}}" data-toggle="tooltip" data-placement="top" title="Chat"><i class="ficon bx bx-chat"></i></a></li> --}}
                        {{-- <li class="nav-item d-none d-lg-block"><a class="nav-link" href="{{asset('app-todo')}}" data-toggle="tooltip" data-placement="top" title="Todo"><i class="ficon bx bx-check-circle"></i></a></li> --}}
                        {{-- <li class="nav-item d-none d-lg-block"><a class="nav-link" href="{{asset('app-calendar')}}" data-toggle="tooltip" data-placement="top" title="Calendar"><i class="ficon bx bx-calendar-alt"></i></a></li>  --}}
                       
                    </ul>
                </div>
                <ul class="nav navbar-nav float-right">
                    <li class="nav-item d-none d-lg-block">
                        <a class="nav-link nav-link-expand"><i class="ficon bx bx-fullscreen"></i></a>
                    </li>
                    <li class="dropdown dropdown-user nav-item">
                        <a class="dropdown-toggle nav-link dropdown-user-link" data-toggle="dropdown" href="#">
                            <div class="user-nav d-sm-flex d-none">
                                <span class="user-name">{{ Auth::user()->name }}</span>
                            </div>
                            <span>
                                <i class='bx bx-user-circle avatar-box'></i>
                            </span>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right pb-0">
                            <a class="dropdown-item" href="{{ Route('admin.logout')}}">
                                <i class="bx bx-power-off mr-50"></i> Logout
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>