      <nav class="navbar navbar-expand-lg main-navbar">
        <div class="form-inline mr-auto">
          <ul class="navbar-nav mr-3">
            <li>
              <a href="#" data-toggle="sidebar" class="nav-link nav-link-lg collapse-btn">
                <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"
                    class="eva eva-menu-2-outline" fill="#8f9bb3">
                    <g data-name="Layer 2">
                        <g data-name="menu-2">
                            <rect width="24" height="24" transform="rotate(180 12 12)" opacity="0"></rect>
                            <circle cx="4" cy="12" r="1"></circle>
                            <rect x="7" y="11" width="14" height="2" rx=".94" ry=".94"></rect>
                            <rect x="3" y="16" width="18" height="2" rx=".94" ry=".94"></rect>
                            <rect x="3" y="6" width="18" height="2" rx=".94" ry=".94"></rect>
                        </g>
                    </g>
                </svg>
              </a>
            </li>
          </ul>
        </div>
        <ul class="navbar-nav navbar-right">
            @can('estimate_create')
            <li>
                <a href="{{ route('orders.create') }}" class="produt_menu_top" title="@lang('quickadmin.new') @lang('quickadmin.order-management2.fields.add')">
                  <i class="fas fa-plus"></i>
                  <span>@lang('quickadmin.new')</span>
                  @lang('quickadmin.order-management2.fields.add')
                </a>
            </li>
            @endcan
            @can('cash_management_access')
            <li>
                <a href="{{ route('cash-management.create') }}" class="produt_menu_top" title="@lang('quickadmin.new') @lang('quickadmin.cash-management.fields.new_cash_expense')">
                  <i class="fas fa-plus"></i>
                  <span>@lang('quickadmin.new')</span>
                  @lang('quickadmin.cash-management.fields.new_cash_expense')
                </a>
            </li>
            @endcan
            @can('transaction_create')
            <li>
                <a href="{{ route('transactions.create') }}" class="produt_menu_top" title="@lang('quickadmin.new') @lang('quickadmin.transaction-management.fields.new_case_reciept')">
                  <i class="fas fa-plus"></i>
                  <span>@lang('quickadmin.new')</span>
                  @lang('quickadmin.transaction-management.fields.new_case_reciept')
                </a>
            </li>
            @endcan

            <li>
                <div class="text-center mx-2">
                    <div class="bg-danger alertMessage d-none my-1 text-center text-light py-2 px-3" id="internetlostMessage">
                        <x-svg-icon icon="internet-disconnected" /> @lang('quickadmin.qa_disconnected')
                    </div>
                    <div class="bg-success alertMessage d-none my-1 text-center text-light py-2 px-3" id="OnlineComeBack">
                        <x-svg-icon icon="internet-connected" /> @lang('quickadmin.qa_connected')
                    </div>
                </div>
            </li>

          <li class="dropdown"><a href="#" data-toggle="dropdown"
              class="nav-link dropdown-toggle nav-link-lg nav-link-user" title="@lang('quickadmin.profile.title')">
              <img alt="image" src="{{ auth()->user()->profile_image_url ? auth()->user()->profile_image_url :asset('admintheme/assets/img/user.png') }}" class="user-img-radious-style">
              <span class="d-sm-none d-lg-inline-block"></span></a>
            <div class="dropdown-menu dropdown-menu-right">
              <a href="{{route('user.profile')}}" class="dropdown-item has-icon">
                <i class="far fa-user"></i> @lang('quickadmin.profile.title')
              </a>             
              <div class="dropdown-divider"></div>
              <a href="{{ route('logout') }}" class="dropdown-item has-icon text-danger">
                <i class="fas fa-sign-out-alt"></i> @lang('quickadmin.qa_logout')
              </a>
            </div>
          </li>
        </ul>
      </nav>
