{% extends "structure/base.html" %}
{% block content %}
  <div class="fcu-card">
    <div class="fcu-card-body">
      <h2 style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
        {{ icon("lock", style="font-size: 20px;") }}
        {{ construct.t("auth-forbidden-title") }}
      </h2>
      <p style="margin-bottom: 16px;">{{ construct.t("auth-forbidden-message") }}</p>
      <a href="{{ construct.url }}" class="fcu-btn fcu-btn--primary" up-follow up-target="#main-content">
        {{ icon("home", style="font-size: 16px;") }}
        {{ construct.t("auth-back-home") }}
      </a>
    </div>
  </div>
{% endblock %}