{% load coldblue_sidebar %}

{% coldblue_sidebar as sections %}

<nav class="coldblue-sidebar-inner">
    {% for section in sections %}
        <div class="sidebar-section">

            <div class="sidebar-title">
                <i class="fa-solid {{ section.icon }}"></i>
                {{ section.label }}
            </div>

            <ul class="sidebar-models">
                {% for item in section.items %}
                    <li>
                       <a href="{{ item.url }}" class="sidebar-link">
    <i class="fa-solid {{ item.icon }}"></i>
    <span>{{ item.label }}</span>
</a>



                    </li>
                {% endfor %}
            </ul>

        </div>
    {% endfor %}
</nav>
<script>
document.addEventListener("DOMContentLoaded", function () {
    const currentPath = window.location.pathname;

    document.querySelectorAll(".sidebar-link").forEach(link => {
        const href = link.getAttribute("href");

        if (currentPath.startsWith(href)) {
            link.classList.add("active");
        }
    });
});
</script>