<div class="collapse navbar-collapse nav1" id="navbarSupportedContent">
    <!-- Left Side Of Navbar -->
    <ul class="navbar-nav mr-auto nav-tabs nav font-weight-bold" id="nav1" style="padding-top: 10px">
        @can('退货管理')
            <li class="nav-item"><a href="{{url("rejected/index/general")}}" class="nav-link" target="rejected/index/general"
                                    :class="{active:isActive('rejected',1)}">
                    <span class="fa fa-recycle" style="color: #721b6e"></span>
                    退货管理</a></li> @endcan
        @can('入库管理')
            <li class="nav-item"><a href="{{url("store/checkingReceive/mission")}}" class="nav-link" target="store/checkingReceive/mission"
                                    :class="{active:isActive('store',1)}">
                    <span class="fa fa-sign-in" style="color: #721b25"></span>
                    入库管理</a></li>
            @endcan
        @can('订单管理')
            <li class="nav-item"><a href="{{url("order/index/delivering")}}" class="nav-link" target="order/index/delivering"
                                    :class="{active:isActive('order',1)}">
                    <span class="fa fa-calendar-check-o" style="color: #1b4b72"></span>
                    订单管理</a></li> @endcan
        @can('运输管理')
            <li class="nav-item"><a href="{{url("transport/waybill/index")}}" class="nav-link" target="transport/waybill/index"
                                    :class="{active:isActive('transport',1)}">
                    <span class="fa fa-truck" style="color: #4c2584"></span>
                    运输管理</a></li> @endcan
        @can('称重管理')
            <li class="nav-item"><a href="{{url("package/weigh/index")}}" class="nav-link" target="package/weigh/index"
                                    :class="{active:isActive('package',1)}">
                    <span class="fa fa-suitcase" style="color: #1b7234"></span>
                    包裹管理</a></li> @endcan
        @can('库存管理')
            <li class="nav-item"><a href="{{url('inventory/statement/allInventory')}}" class="nav-link" target="inventory/statement/allInventory"
                                    :class="{active:isActive('inventory',1)}">
                    <span class="fa fa-list-alt" style="color: #32721b"></span>
                    库存管理</a></li> @endcan
        @can('二次加工管理')
            <li class="nav-item"><a href="{{url("process")}}" class="nav-link" target="process"
                                    :class="{active:isActive('process',1)}">
                    <span class="fa fa-hand-scissors-o" style="color: #726e1b"></span>
                    二次加工管理</a></li> @endcan
        @can('项目管理')
            <li class="nav-item"><a href="{{url("customer/project/area")}}" class="nav-link" target="customer/project/area"
                                    :class="{active:isActive('customer',1)}">
                    <span class="fa fa-address-book-o" style="color: #72441b"></span>
                    项目管理</a></li> @endcan
        @can('结算管理')
            <li class="nav-item"><a href="{{url("finance/instantBill")}}" class="nav-link" target="finance/instantBill"
                                    :class="{active:isActive('finance',1)}">
                    <span class="fa fa-money" style="color: #72441b"></span>
                    结算管理</a></li> @endcan
        @can('人事管理')
            <li class="nav-item"><a href="{{url("personnel/laborReport")}}" class="nav-link" target="personnel/laborReport"
                                    :class="{active:isActive('personnel',1)}">
                    <span class="fa fa-header" style="color: #72441b"></span>
                    人事管理</a></li> @endcan
        @can('站管理')
            <li class="nav-item"><a href="{{url("station/index")}}" class="nav-link" target="station/index"
                                    :class="{active:isActive('station',1)}">
                    <span class="fa fa-share-alt-square" style="color: #72441b"></span>
                    站管理</a></li> @endcan
        @can('采购管理')
                <li class="nav-item"><a href="{{url("procurement/procurement/index")}}" class="nav-link"
                                        :class="{active:isActive('procurement',1)}">
                        <span class="fa fa-cart-plus" style="color: #1b4b72"></span>
                        采购管理</a></li>@endcan

            <li class="nav-item"><a href="{{url("demand/")}}" class="nav-link"
                                    :class="{active:isActive('demand',1),'d-none':!isActive('demand',1)}">
                    <span class="fa fa-cart-plus" style="color: #1b4b72"></span>
                    需求管理</a></li>
        @can('基础设置')
            <li class="nav-item"><a href="{{url("maintenance")}}" class="nav-link" target="maintenance"
                                    :class="{active:isActive('maintenance',1)}">
                    <span class="fa fa-server"></span>
                    基础设置</a></li> @endcan
    </ul>

    <!-- Right Side Of Navbar -->
    <ul class="navbar-nav ml-auto">
        <!-- Authentication Links -->
        @guest
            <li class="nav-item">
                <a class="nav-link" href="{{ route('login') }}">登录</a>
            </li>
        @else

            {{--            <li class="nav-item">--}}
            {{--                <a class="nav-link" href="{{ route('register') }}">注册</a>--}}
            {{--            </li>--}}
            <li class="nav-item dropdown">
                <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
                    {{ Auth::user()->name }} <span class="caret"></span>
                </a>

                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item" href="{{ url('password/change') }}">修改密码</a>
                    <a class="dropdown-item" href="{{ route('logout') }}"
                       onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">登出
                    </a>

                    <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                        @csrf
                    </form>
                </div>
            </li>
        @endguest
    </ul>
</div>
