{% extends "base.html.twig" %}

{% block content %}
  <div class="row justify-content-center pb-5">
    <div class="col">
      <div class="card shadow rounded-4 border-danger">
        <div class="card-body text-start d-flex flex-column">
          <div class="mb-3 text-center display-4">
            <i class="fas fa-exclamation-triangle fa-2x text-danger"></i>
          </div>
          <h3 class="text-danger mb-3 text-center">Account Access Restricted</h3>
          
          <p class="fw-semibold text-muted mb-1">
            <strong>Reason:</strong> {{ reason }}
          </p>

          <p class="text-muted">
            Your account has been temporarily restricted. This means certain features, including access to our Shop and possibly other services, may be unavailable to you at this time.
          </p>

          <p class="text-muted">
            This action was taken in accordance with our Terms of Service to maintain a safe and trustworthy environment for all users.
          </p>

          <p class="text-muted">
            If you believe this restriction was applied in error, or if you'd like to discuss your account status, please contact our support team.
          </p>

          <a href="/support" class="btn btn-danger btn-lg">
            Contact Support
          </a>
        </div>
      </div>
    </div>
  </div>
{% endblock %}