{% macro sidebar_begin() %}
<div class="sidebar-header d-flex flex-column align-items-center">
  <a href="{{ path('admin') }}" class="sidebar-brand">
    {% include "_etc/tarin_logo.svg.twig" %}
    Tarin
  </a>
  <a href="https://shop.reborngaming.net/" class="text-decoration-none">
    <small class="d-flex align-items-baseline gap-2">
      <i class="fa-solid fa-left-to-line"></i>
      Return to Store Page
    </small>
  </a>
  <div className="text-warning">
    <small>
      {% if settings("maintenance_mode") %}
      ⚠️ Maintenance Mode!
      {% else %}
      ✅ Store online!
      {% endif %}
    </small>
  </div>
</div>
<div class="sidebar-nav">
{% endmacro %}

{% macro sidebar_header(title) %}
<div class="sidebar-heading">{{ title }}</div>
{% endmacro %}

{% macro sidebar_item(font_type, icon, label, route, active) %}
<a href="{{ path(route) }}" class="sidebar-item {% if active %}active{% endif %}">
  <i class="fa-{{ font_type }} fa-fw fa-{{ icon }}"></i> {{ label }}
</a>
{% endmacro %}

{% macro sidebar_end(admin) %}
</div>
<div class="sidebar-footer">
  <div class="user-profile">
    <div class="user-info align-items-start d-flex flex-column">
      <div>
        {{ (admin.name|default('Admin'))[:24] }}{% if (admin.name|default('Admin'))|length > 24 %}...{% endif %}
      </div>
      <div>
        <small class="text-secondary">onmicrosoft.com</small>
      </div>
  </div>
  <div class="user-actions">
    <a class="btn btn-link text-danger" href="/saml/logout">
      <i class="fa-solid fa-sign-out-alt fa-fw"></i>
    </a>
  </div>
</div>
</div>
{% endmacro %}