<!-- Navbar -->
<nav class="main-header navbar navbar-expand-lg navbar-light navbar-warning">
    <div class="container" style="display: contents">
        <a href="{{ route('transaksi.index') }}" class="navbar-brand">
            <span class="brand-text font-weight-bold ml-2" style="color: rgba(62, 62, 62, 0.526)">Sepiring Telur
                Keriting</span>
        </a>

        <div class="collapse navbar-collapse order-3" id="navbarCollapse">
            <!-- Left navbar links -->
            <ul class="navbar-nav">
                @can('dashboard.index', auth()->user())
                    <li class="nav-item">
                        <a href="{{ route('dashboard.index') }}" class="nav-link">Dashboard</a>
                    </li>
                @endcan
                <li class="nav-item dropdown">
                    <a id="dropdownSubMenu1" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="false" class="nav-link dropdown-toggle">Transaksi</a>
                    <ul aria-labelledby="dropdownSubMenu1" class="dropdown-menu border-0 shadow">
                        <li><a href="#" class="dropdown-item">Order </a></li>
                        <li><a href="{{ route('pengeluaran.index') }}" class="dropdown-item">Pengeluaran</a></li>
                        <li class="dropdown-divider"></li>
                        <li><a href="#" class="dropdown-item">Laporan</a></li>
                    </ul>
                </li>
                @canany(['users.index', 'menu.index'], auth()->user())
                    <li class="nav-item dropdown">
                        <a id="dropdownSubMenu1" href="#" data-toggle="dropdown" aria-haspopup="true"
                            aria-expanded="false" class="nav-link dropdown-toggle">Master Data</a>
                        <ul aria-labelledby="dropdownSubMenu1" class="dropdown-menu border-0 shadow">
                            <li><a href="#" class="dropdown-item">Data Jenis Menu</a></li>
                            @can('menu.index', auth()->user())
                                <li><a href="{{ route('menu.index') }}" class="dropdown-item">Data Menu</a></li>
                            @endcan
                            @can('coa.index', auth()->user())
                                <li><a href="{{ route('coa.index') }}" class="dropdown-item">Data Rekening Coa</a></li>
                            @endcan
                            @can('users.index', auth()->user())
                                <li class="dropdown-divider"></li>
                                <li><a href="{{ route('users.index') }}" class="dropdown-item">Setting User</a></li>
                            @endcan
                        </ul>
                    </li>
                @endcanany
            </ul>
        </div>

        <!-- Right navbar links -->
        <ul class="order-1 order-md-3 navbar-nav navbar-no-expand ml-auto">
            <!-- Messages Dropdown Menu -->
            @can('transaksi.index', auth()->user())
                <li class="nav-item dropdown">
                    <a class="nav-link" id="transaksi @if (Request::is('transaksi')) active @endif"
                        href="{{ route('transaksi.index') }}" role="button">
                        Transaksi
                    </a>
                </li>
            @endcan
            <!-- Notifications Dropdown Menu -->
            @can('history.index', auth()->user())
                <li class="nav-item dropdown">
                    <a class="nav-link @if (Request::is('history')) active @endif" id="history"
                        href="{{ route('history.index') }}" role="button">
                        History
                    </a>
                </li>
            @endcan
            <li class="nav-item">
                <a class="nav-link" id="full-screen" data-widget="control-sidebar" data-slide="true"
                    href="javascript:void(0)" role="button">
                    <i class="fas fa-expand"></i>
                </a>
            </li>
            <li class="nav-item dropdown">
                <a id="dropdownSubMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                    class="nav-link row" href="#">
                    {{ auth()->user()->name }}
                    <i class="fas fa-user"></i>
                </a>
                <ul aria-labelledby="dropdownSubMenu1" class="dropdown-menu border-0 shadow">
                    <li><a href="{{ route('logout') }}" class="dropdown-item">Logout</a></li>
                </ul>
            </li>
        </ul>
    </div>
</nav>
<!-- /.navbar -->