﻿@* Enterprise Sidebar Partial - Dark Navy Professional Theme *@
<aside class="enterprise-sidebar">
    <!-- Brand Section -->
    <div class="enterprise-sidebar-brand">
        <a href="/Home" class="enterprise-brand-logo">
            <span class="enterprise-brand-icon">
                <i class="fas fa-boxes"></i>
            </span>
            <span class="enterprise-brand-text">SHIPS WMS</span>
            <span class="enterprise-brand-badge">v1.0</span>
        </a>
        <button class="enterprise-sidebar-toggle" id="sidebarToggleBtn" aria-label="Toggle sidebar">
            <i class="fas fa-times"></i>
        </button>
    </div>

    <!-- User Panel -->
    <div class="enterprise-user-panel">
        <div class="enterprise-user-avatar">
            <img src="https://ui-avatars.com/api/?name=Warehouse+Admin&background=0052cc&color=fff&size=40" alt="User Avatar" class="enterprise-avatar-img">
        </div>
        <div class="enterprise-user-info">
            <div class="enterprise-user-name">Admin User</div>
            <div class="enterprise-user-role">Warehouse Manager</div>
        </div>
    </div>

    <!-- Navigation Menu -->
    <nav class="enterprise-sidebar-menu" id="sidebarMenu">
        <ul class="enterprise-menu-list">

            <!-- Dashboard -->
            <li class="enterprise-menu-item">
                <a asp-controller="Home" asp-action="Index" class="enterprise-menu-link">
                    <span class="enterprise-menu-icon"><i class="fas fa-chart-line"></i></span>
                    <span class="enterprise-menu-text">Dashboard</span>
                </a>
            </li>

            <!-- Master Data Section -->
            <li class="enterprise-menu-section">Master Data</li>
            <li class="enterprise-menu-item has-submenu">
                <a href="#" class="enterprise-menu-link enterprise-menu-toggle">
                    <span class="enterprise-menu-icon"><i class="fas fa-database"></i></span>
                    <span class="enterprise-menu-text">Master Data</span>
                    <span class="enterprise-menu-arrow"><i class="fas fa-chevron-right"></i></span>
                </a>
                <ul class="enterprise-submenu">
                    <li class="enterprise-menu-item">
                        <a asp-controller="Barang" asp-action="Index" class="enterprise-menu-link">
                            <span class="enterprise-menu-icon"><i class="far fa-circle"></i></span>
                            <span class="enterprise-menu-text">Barang (Items)</span>
                        </a>
                    </li>
                    <li class="enterprise-menu-item">
                        <a href="#" class="enterprise-menu-link">
                            <span class="enterprise-menu-icon"><i class="far fa-circle"></i></span>
                            <span class="enterprise-menu-text">Kategori (Categories)</span>
                        </a>
                    </li>
                    <li class="enterprise-menu-item">
                        <a href="#" class="enterprise-menu-link">
                            <span class="enterprise-menu-icon"><i class="far fa-circle"></i></span>
                            <span class="enterprise-menu-text">Supplier</span>
                        </a>
                    </li>
                    <li class="enterprise-menu-item">
                        <a href="#" class="enterprise-menu-link">
                            <span class="enterprise-menu-icon"><i class="far fa-circle"></i></span>
                            <span class="enterprise-menu-text">Lokasi (Locations)</span>
                        </a>
                    </li>
                </ul>
            </li>

            <!-- Inventory Section -->
            <li class="enterprise-menu-section">Inventory Management</li>
            <li class="enterprise-menu-item has-submenu">
                <a href="#" class="enterprise-menu-link enterprise-menu-toggle">
                    <span class="enterprise-menu-icon"><i class="fas fa-warehouse"></i></span>
                    <span class="enterprise-menu-text">Inventory</span>
                    <span class="enterprise-menu-arrow"><i class="fas fa-chevron-right"></i></span>
                </a>
                <ul class="enterprise-submenu">
                    <li class="enterprise-menu-item">
                        <a href="#" class="enterprise-menu-link">
                            <span class="enterprise-menu-icon"><i class="far fa-circle"></i></span>
                            <span class="enterprise-menu-text">Inbound Receipt</span>
                        </a>
                    </li>
                    <li class="enterprise-menu-item">
                        <a href="#" class="enterprise-menu-link">
                            <span class="enterprise-menu-icon"><i class="far fa-circle"></i></span>
                            <span class="enterprise-menu-text">Outbound Shipment</span>
                        </a>
                    </li>
                    <li class="enterprise-menu-item">
                        <a href="#" class="enterprise-menu-link">
                            <span class="enterprise-menu-icon"><i class="far fa-circle"></i></span>
                            <span class="enterprise-menu-text">Stock Adjustment</span>
                        </a>
                    </li>
                </ul>
            </li>

            <!-- Transactions Section -->
            <li class="enterprise-menu-section">Transactions</li>
            <li class="enterprise-menu-item">
                <a href="#" class="enterprise-menu-link">
                    <span class="enterprise-menu-icon"><i class="fas fa-file-signature"></i></span>
                    <span class="enterprise-menu-text">Material Request</span>
                </a>
            </li>

            <li class="enterprise-menu-item">
                <a href="#" class="enterprise-menu-link">
                    <span class="enterprise-menu-icon"><i class="fas fa-check-double"></i></span>
                    <span class="enterprise-menu-text">Approvals</span>
                </a>
            </li>

            <!-- Operations Section -->
            <li class="enterprise-menu-section">Operations</li>
            <li class="enterprise-menu-item">
                <a href="#" class="enterprise-menu-link">
                    <span class="enterprise-menu-icon"><i class="fas fa-clipboard-check"></i></span>
                    <span class="enterprise-menu-text">Stock Opname</span>
                </a>
            </li>

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

            <!-- Analytics Section -->
            <li class="enterprise-menu-section">Analytics</li>
            <li class="enterprise-menu-item">
                <a href="#" class="enterprise-menu-link">
                    <span class="enterprise-menu-icon"><i class="fas fa-chart-bar"></i></span>
                    <span class="enterprise-menu-text">Reports</span>
                </a>
            </li>

            <li class="enterprise-menu-item">
                <a href="#" class="enterprise-menu-link">
                    <span class="enterprise-menu-icon"><i class="fas fa-chart-pie"></i></span>
                    <span class="enterprise-menu-text">Analytics</span>
                </a>
            </li>

            <!-- Administration Section -->
            <li class="enterprise-menu-section">Administration</li>
            <li class="enterprise-menu-item">
                <a href="#" class="enterprise-menu-link">
                    <span class="enterprise-menu-icon"><i class="fas fa-users-cog"></i></span>
                    <span class="enterprise-menu-text">User Management</span>
                </a>
            </li>

            <li class="enterprise-menu-item">
                <a href="#" class="enterprise-menu-link">
                    <span class="enterprise-menu-icon"><i class="fas fa-cogs"></i></span>
                    <span class="enterprise-menu-text">Settings</span>
                </a>
            </li>

            <li class="enterprise-menu-item">
                <a href="#" class="enterprise-menu-link">
                    <span class="enterprise-menu-icon"><i class="fas fa-shield-alt"></i></span>
                    <span class="enterprise-menu-text">System</span>
                </a>
            </li>

        </ul>
    </nav>

    <!-- Sidebar Footer -->
    <div class="enterprise-sidebar-footer">
        <div class="enterprise-sidebar-footer-text">
            <small>SHIPS WMS © @DateTime.Now.Year</small>
        </div>
    </div>
</aside>

<!-- Sidebar Overlay for Mobile -->
<div class="enterprise-sidebar-overlay" id="sidebarOverlay"></div>
