{% extends '@SyliusUi/Menu/simple.html.twig' %}
{% if options.opened is defined and options.opened == true %}
{% set accordionClass = ' active' %}
{% else %}
{% set accordionClass = '' %}
{% endif %}
{% block root %}
<div class="ui accordion sidebar-accordion">
<div class="title font-bold{{ accordionClass }}">
{{ item.label|trans }}
<div class="material-symbols-outlined">expand_more</div>
</div>
{{ block('list') }}
</div>
{% endblock %}
{% block list %}
<div class="content{{ accordionClass }}">
{% for item in item.children %}
{{ block('item') }}
{% endfor %}
</div>
{% endblock %}
{% block item %}
<a class="accordion-link" href="{{ item.uri }}">
{{ block('icon') }}
{{ item.label|trans }}
</a>
{% endblock %}
{% block icon %}
{% set icon = item.labelAttribute('icon') %}
{% if icon %}<i class="icon {{ icon }}"></i> {% endif %}
{% endblock %}