{% comment %}Вкладки розділу Active Directory. Параметр active: mapping | ou | import{% endcomment %}
<div style="display:flex; gap:0.25rem; border-bottom:1px solid var(--color-border); margin-bottom:1.25rem;">
    <a href="/ad-mapping/" hx-get="/ad-mapping/" hx-target="#main-content" hx-push-url="/ad-mapping/" hx-indicator="#loader"
       style="padding:0.625rem 0.875rem; font-size:0.8125rem; font-weight:500; text-decoration:none; margin-bottom:-1px; border-bottom:2px solid {% if active == 'mapping' %}var(--color-primary); color:var(--color-foreground){% else %}transparent; color:var(--color-muted-foreground){% endif %};">
        Зіставлення
    </a>
    <a href="/ad-ou-manage/" hx-get="/ad-ou-manage/" hx-target="#main-content" hx-push-url="/ad-ou-manage/" hx-indicator="#loader"
       style="padding:0.625rem 0.875rem; font-size:0.8125rem; font-weight:500; text-decoration:none; margin-bottom:-1px; border-bottom:2px solid {% if active == 'ou' %}var(--color-primary); color:var(--color-foreground){% else %}transparent; color:var(--color-muted-foreground){% endif %};">
        Організаційні юніти
    </a>
    <a href="/ad-import/" hx-get="/ad-import/" hx-target="#main-content" hx-push-url="/ad-import/" hx-indicator="#loader"
       style="padding:0.625rem 0.875rem; font-size:0.8125rem; font-weight:500; text-decoration:none; margin-bottom:-1px; border-bottom:2px solid {% if active == 'import' %}var(--color-primary); color:var(--color-foreground){% else %}transparent; color:var(--color-muted-foreground){% endif %};">
        Імпорт з AD
    </a>
</div>