{#
Copyright 2025, 2026 Element Creations Ltd.
Copyright 2025 New Vector Ltd.

SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
Please see LICENSE files in the repository root for full details.
-#}

{% extends "base.html" %}

{% set violation = violations | selectattr("code", "defined") | first | default({}) %}
{% set code = violation.code | default("") %}

{% block content %}
  <header class="page-heading">
    <div class="icon invalid">
      {{ icon.error_solid() }}
    </div>

    {% if code == "too-many-sessions" %}
      <div class="header" data-testid="device-limit-reached">
        <h1 class="title">{{ _("mas.policy_violation.too_many_sessions.heading") }}</h1>
        <p class="text">{{ _("mas.policy_violation.too_many_sessions.description", num_devices_to_remove=violation.need_to_remove) }}</p>
      </div>
    {% else %}
      <div class="header" data-testid="generic-policy-violation">
        {% if code == "client-not-allowed" %}
          <h1 class="title">{{ _("mas.policy_violation.client_not_allowed.heading") }}</h1>
          <p class="text">{{ _("mas.policy_violation.client_not_allowed.description") }}</p>
        {% else %}
          <h1 class="title">{{ _("mas.policy_violation.heading") }}</h1>
          <p class="text">{{ _("mas.policy_violation.description") }}</p>
        {% endif %}
      </div>
    {% endif %}
  </header>

  <main class="flex flex-col gap-10">
    <div class="flex gap-1 justify-center items-center">
      <p class="cpd-text-secondary cpd-text-body-md-regular">
        {{ _("mas.policy_violation.logged_as", username=current_session.user.username) }}
      </p>

      {{ logout.button(text=_("action.sign_out"), csrf_token=csrf_token, post_logout_action=action, as_link=True) }}
    </div>

    {% if code == "too-many-sessions" %}
      {{ button.link(text=_("mas.policy_violation.too_many_sessions.manage_devices"), href="/account/sessions") }}
    {% endif %}
  </main>
{% endblock content %}