{% set currentUnit = currentUnit|default(display_unit()) == 'days' ? 'days' : 'hours' %}
{% set routeName = routeName|default(app.request.attributes.get('_route')) %}
{% set routeParams = routeParams|default(app.request.query.all) %}

<details class="sensi-select-menu sensi-select-menu--compact {{ extraClass|default('') }}">
    <summary>
        <span>{{ currentUnit == 'days' ? 'Jours' : 'Heures' }}</span>
        <span class="material-symbols-outlined" aria-hidden="true">expand_more</span>
    </summary>
    <div class="sensi-select-menu__panel">
        <a class="{{ currentUnit == 'hours' ? 'is-selected' : '' }}" href="{{ path(routeName, routeParams|merge({'unit': 'hours'})) }}">
            <span class="material-symbols-outlined" aria-hidden="true">check</span>
            Heures
        </a>
        <a class="{{ currentUnit == 'days' ? 'is-selected' : '' }}" href="{{ path(routeName, routeParams|merge({'unit': 'days'})) }}">
            <span class="material-symbols-outlined" aria-hidden="true">check</span>
            Jours
        </a>
    </div>
</details>