{% load static %}
{% load menu_tags %}


<div class="d-flex flex-column flex-shrink-0 p-3 mr-5">
    <img src="{% static 'images/icons/las_ruinas_PL.png' %}" class="img-fluid rounded mx-auto d-block mt-3" style="width: 10rem; height: 10 rem;" alt="Portal Logo"/>
    <hr>
    <ul class="nav navbar-nav">
    {% for item in menu_items %}
        <li class="{{ item.active_class }}">
            <a href="{{ item.href }}">{{ item.text }}</a>
            {% if item.has_children_in_menu %}
                <button class="btn btn-toggle" data-bs-target="#ddtoggle_{{ item.link_page.pk }}" data-bs-toggle="collapse"
                    aria-expanded={% if item.active_class %}"true" {% else %} "false" {% endif %}
                    aria-controls="#ddtoggle_{{ item.link_page.pk }}">
                    <img src = "{% static 'images/icons/caret-down.svg' %}" alt="&or;"/>                </button>
                {% sub_menu item  template="menu/custom_submenu.html" %}
            {% endif %}
        </li>
    {% endfor %}
    </ul>
</div>
<div class="d-flex flex-column flex-shrink-0 p-3 mr-5">
    <hr>
    <a href={% url 'cart' %} alt="Koszyk" > Koszyk </a>
</div>
