{% load i18n %}
{% load display_tags %}
<nav class="sidebar-nav">
    <ul id="accordion1" class="nav nav-pills flex-column">
        <li class="nav-item">
            <a href="{% url 'customer:summary' %}" class="nav-link">
                <i class="fas fa-home"></i> Dashboard
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#account-submenu" data-parent="#accordion1">
                <i class="far fa-user"></i> Account
            </a>
            <div id="account-submenu" class="collapse show">
                <ul class="nav flex-column ml-3">
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'customer:profile-view' %}">
                            <i class="far fa-user-circle"></i> {% trans 'Profile' %}
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'customer:address-list' %}">
                            <i class="fas fa-address-card"></i> {% trans 'Address' %}
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'stripe_payment:list_cards' %}">
                            <i class="fab fa-cc-stripe"></i> {% trans 'Billing' %}
                        </a>
                    </li>
                </ul>
            </div>
        </li>

        <li class="nav-item {% if active_tab == 'orders' %} active{% endif %}">
            <a class="nav-link" href="{% url 'customer:order-list' %}">
                <i class="fas fa-list"></i> {% trans "Order History" %}
            </a>
        </li>
        {% comment %}
        <li class="nav-item {% if active_tab == 'emails' %} active{% endif %}">
            <a class="nav-link" href="{% url 'customer:email-list' %}">
                <i class="far fa-envelope"></i> {% trans "Email History" %}
            </a>
        </li>
        <li class="nav-item {% if active_tab == 'alerts' %} active{% endif %}">
            <a class="nav-link" href="{% url 'customer:alerts-list' %}">
                <i class="fas fa-bullhorn"></i> {% trans "Product Alerts" %}
            </a>
        </li>
        <li class="nav-item {% if active_tab == 'notifications' %} active{% endif %}">
            <a class="nav-link" href="{% url 'customer:notifications-inbox' %}">
                <i class="far fa-bell"></i> {% trans "Notifications" %}
            </a>
        </li>
        {% endcomment %}
        <li class="nav-item {% if active_tab == 'subscriptions' %} active{% endif %}">
            <a class="nav-link" href="{% url 'subscription:coffee_subscriptions' %}">
                <i class="fas fa-list"></i> {% trans "Subscriptions" %}
            </a>
        </li>
        {% comment %}
        <li class="nav-item {% if active_tab == 'events' %} active{% endif %}">
            <a class="nav-link" href="{% url 'events:user_events' %}">
                <i class="fas fa-list"></i> {% trans "Events" %}
            </a>
        </li>
        {% endcomment %}
        <li class="nav-item {% if active_tab == 'rewards' %} active{% endif %}">
            <a class="nav-link" href="{% url 'loyalty:products' %}">
                <i class="fas fa-list"></i> {% trans "Rewards" %}
            </a>
        </li>

        <li class="nav-item {% if active_tab == 'gift_credits' %} active{% endif %}">
            <a class="nav-link" href="{% url 'giftcard:gift_credits' %}">
                <i class="fas fa-list"></i> {% trans "Gift Credits" %}
            </a>
        </li>

        <li class="nav-item {% if active_tab == 'preferences' %} active{% endif %}">
            <a class="nav-link" href="{% url 'customer:coffee-list' %}">
                <i class="fas fa-list"></i> {% trans "Preferences" %}
            </a>
        </li>

        {% comment %}
                {% iffeature 'wishlists' %}
            <li class="nav-item {% if active_tab == 'wishlists' %} active{% endif %}">
                <a class="nav-link" href="{% url 'customer:wishlists-list' %}">{% trans "Wish Lists" %}</a>
            </li>
        {% endiffeature %}
        {% endcomment %}
    </ul>
</nav>