﻿@* Streamlit-Style Compact Sidebar *@
<aside class="ships-sidebar">
    <!-- Sidebar Header -->
    <div class="sidebar-header">
        <img src="https://ui-avatars.com/api/?name=SHIPS+WMS&background=0052cc&color=fff&size=140&bold=true" 
             alt="SHIPS Logo" class="sidebar-logo">
    </div>

    <!-- Navigation Title -->
    <div class="sidebar-title">Navigation</div>

    <!-- Main Menu -->
    <ul class="sidebar-menu">
        <li class="sidebar-menu-item">
            <a asp-controller="Home" asp-action="Index" class="sidebar-menu-link">
                <i class="fas fa-chart-line"></i>
                <span>Dashboard</span>
            </a>
        </li>

        <li class="sidebar-menu-item">
            <a asp-controller="Barang" asp-action="Index" class="sidebar-menu-link">
                <i class="fas fa-boxes"></i>
                <span>Inventory</span>
            </a>
        </li>

        <li class="sidebar-menu-item">
            <a href="#" class="sidebar-menu-link">
                <i class="fas fa-arrow-down"></i>
                <span>Inbound</span>
            </a>
        </li>

        <li class="sidebar-menu-item">
            <a href="#" class="sidebar-menu-link">
                <i class="fas fa-shopping-cart"></i>
                <span>Requests</span>
            </a>
        </li>

        <li class="sidebar-menu-item">
            <a href="#" class="sidebar-menu-link">
                <i class="fas fa-check-circle"></i>
                <span>Approvals</span>
            </a>
        </li>

        <li class="sidebar-menu-item">
            <a href="#" class="sidebar-menu-link">
                <i class="fas fa-list-check"></i>
                <span>Opname</span>
            </a>
        </li>

        <li class="sidebar-menu-item">
            <a href="#" class="sidebar-menu-link">
                <i class="fas fa-history"></i>
                <span>History</span>
            </a>
        </li>

        <li class="sidebar-menu-item">
            <a href="#" class="sidebar-menu-link">
                <i class="fas fa-cog"></i>
                <span>Settings</span>
            </a>
        </li>
    </ul>

    <!-- Sidebar Footer -->
    <div style="padding: 16px; border-top: 1px solid rgba(255,255,255,0.1); text-align: center; font-size: 11px; color: rgba(255,255,255,0.6);">
        <small>SHIPS WMS v1.0</small>
    </div>
</aside>
