<nav class="sidebar sidebar-offcanvas mt-2" id="sidebar">
    <ul class="nav">
        <li class="nav-item">
            <a class="nav-link" href="/admin/">
                <span class="menu-title">Dashboard</span>
                <i class="mdi mdi-view-dashboard menu-icon"></i>
            </a>
        </li>
        {{-- <li class="nav-item">
            <a class="nav-link" href="/admin/pos">
                <span class="menu-title">POS</span>
                <i class="mdi mdi-view-dashboard menu-icon"></i>
            </a>
        </li> --}}
        @if (auth()->user()->roles == 'owner')
            <li class="nav-item">
                <a class="nav-link" href="/admin/user">
                    <span class="menu-title">User</span>
                    <i class="mdi mdi-account-multiple menu-icon"></i>
                </a>
            </li>
        @endif

        <li class="nav-item">
            <a class="nav-link" href="/admin/product">
                <span class="menu-title">Product</span>
                <i class="mdi mdi-cube menu-icon"></i>
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="/admin/category">
                <span class="menu-title">Category</span>
                <i class="mdi mdi-dropbox menu-icon"></i>
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="/admin/order">
                <span class="menu-title">Order</span>
                <i class="mdi mdi-shopping menu-icon"></i>
            </a>
        </li>
        {{-- <li class="nav-item">
            <a class="nav-link" href="/admin/promo">
                <span class="menu-title">Promo</span>
                <i class="mdi mdi-shopping menu-icon"></i>
            </a>
        </li> --}}
        <li class="nav-item">
            <a class="nav-link" href="/admin/report">
                <span class="menu-title">Report</span>
                <i class="mdi mdi-file-document menu-icon"></i>
            </a>
        </li>
        {{-- <li class="nav-item">
            <a class="nav-link" data-bs-toggle="collapse" href="#ui-basic" aria-expanded="false"
                aria-controls="ui-basic">
                <span class="menu-title">Tes</span>
                <i class="mdi mdi-format-list-bulleted menu-icon"></i>

            </a>
            <div class="collapse" id="ui-basic">
                <ul class="nav flex-column sub-menu">
                    <li class="nav-item"> <a class="nav-link" href="/admin/kominfo">Kominfo</a></li>
                    <li class="nav-item"> <a class="nav-link" href="/admin/syiar">Syiar</a></li>
                    <li class="nav-item"> <a class="nav-link" href="/admin/kemuslimahan">Kemuslimahan</a>
                    </li>
                    <li class="nav-item"> <a class="nav-link" href="/admin/psdm">PSDM</a></li>
                    <li class="nav-item"> <a class="nav-link" href="/admin/kwu">KWU</a></li>
                </ul>
            </div>
        </li> --}}

    </ul>
</nav>
