@{
    var currentAction = ViewContext.RouteData.Values["action"]?.ToString();
}

<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-transparent fw-semibold small text-muted text-uppercase letter-spacing-1">
        <i class="bi bi-book me-1"></i> Help Topics
    </div>
    <div class="card-body p-0">
        <nav class="nav flex-column">

            <a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "Index" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="Index">
                <i class="bi bi-house-door"></i> Help Home
            </a>
            <a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "GettingStarted" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="GettingStarted">
                <i class="bi bi-rocket-takeoff"></i> Getting Started
            </a>

            <div class="px-3 pt-2 pb-1">
                <span class="text-muted text-uppercase" style="font-size:.65rem; letter-spacing:.07em; font-weight:600;">Operations</span>
            </div>
            <a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "Jobs" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="Jobs">
                <i class="bi bi-briefcase"></i> Jobs
            </a>
            <a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "CustomerIntakeKiosk" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="CustomerIntakeKiosk">
                <i class="bi bi-tablet"></i> Customer Intake Kiosk
            </a>
            <a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "Quotes" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="Quotes">
                <i class="bi bi-file-earmark-text"></i> Quotes
            </a>
            <a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "Invoices" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="Invoices">
                <i class="bi bi-receipt"></i> Invoices
            </a>
            <a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "Customers" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="Customers">
                <i class="bi bi-people"></i> Customers
            </a>

            <div class="px-3 pt-2 pb-1">
                <span class="text-muted text-uppercase" style="font-size:.65rem; letter-spacing:.07em; font-weight:600;">Inventory &amp; Purchasing</span>
            </div>
            <a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "Inventory" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="Inventory">
                <i class="bi bi-box-seam"></i> Inventory
            </a>
            <a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "Vendors" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="Vendors">
                <i class="bi bi-truck"></i> Vendors
            </a>
            <a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "PurchaseOrders" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="PurchaseOrders">
                <i class="bi bi-cart3"></i> Purchase Orders
            </a>
            <a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "AccountsPayable" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="AccountsPayable">
                <i class="bi bi-bank"></i> Accounts Payable
            </a>

            <div class="px-3 pt-2 pb-1">
                <span class="text-muted text-uppercase" style="font-size:.65rem; letter-spacing:.07em; font-weight:600;">Shop Management</span>
            </div>
<a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "Equipment" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="Equipment">
                <i class="bi bi-tools"></i> Equipment &amp; Maintenance
            </a>

            <div class="px-3 pt-2 pb-1">
                <span class="text-muted text-uppercase" style="font-size:.65rem; letter-spacing:.07em; font-weight:600;">Reports &amp; Admin</span>
            </div>
            <a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "Reports" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="Reports">
                <i class="bi bi-bar-chart"></i> Reports
            </a>
            <a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "Settings" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="Settings">
                <i class="bi bi-gear"></i> Settings
            </a>
            <a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "CustomFormulaTemplates" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="CustomFormulaTemplates">
                <i class="bi bi-calculator"></i> Custom Formulas
            </a>

            <div class="px-3 pt-2 pb-1">
                <span class="text-muted text-uppercase" style="font-size:.65rem; letter-spacing:.07em; font-weight:600;">Account</span>
            </div>
            <a class="nav-link py-2 px-3 d-flex align-items-center gap-2 @(currentAction == "UserProfile" ? "active fw-semibold text-primary" : "text-body")"
               asp-controller="Help" asp-action="UserProfile">
                <i class="bi bi-person-circle"></i> Your Profile
            </a>

        </nav>
    </div>
</div>
