{% extends "base.html" %}
{% load i18n %}

{% block title %}{% trans "Sign Up Closed" %}{% endblock %}

{% block content %}
<div class="container py-5">
    <div class="row justify-content-center">

        <div class="col-lg-6 col-md-8">

            <div class="card border-0 shadow-lg rounded-4">

                <div class="card-body text-center p-5">

                    <!-- Icon -->
                    <div class="mb-4">
                        <i class="bi bi-person-x-fill display-1 text-warning"></i>
                    </div>

                    <!-- Heading -->
                    <h2 class="fw-bold mb-3">
                        {% trans "Sign Up Unavailable" %}
                    </h2>

                    <!-- Message -->
                    <p class="text-muted mb-4">
                        {% blocktrans %}
                        We’re sorry, but new account registration is currently unavailable.
                        Please try again later or contact the administrator if you believe this is an error.
                        {% endblocktrans %}
                    </p>

                    <!-- Alert -->
                    <div class="alert alert-warning text-start">

                        <h6 class="alert-heading">
                            <i class="bi bi-exclamation-triangle-fill me-2"></i>
                            {% trans "Registration is Temporarily Closed" %}
                        </h6>

                        <p class="mb-0">
                            {% trans "This may be due to scheduled maintenance, system updates, or because registrations are currently restricted by the administrator." %}
                        </p>

                    </div>

                    <!-- Action Buttons -->
                    <div class="d-grid gap-2 mt-4">

                        <a href="{% url 'account_login' %}"
                           class="btn btn-primary btn-lg">

                            <i class="bi bi-box-arrow-in-right me-2"></i>

                            {% trans "Sign In" %}

                        </a>

                        <a href="/"
                           class="btn btn-outline-secondary">

                            <i class="bi bi-house-door me-2"></i>

                            {% trans "Return to Home" %}

                        </a>

                    </div>

                </div>

            </div>

            <!-- Help Card -->
            <div class="card border-0 bg-light mt-4">

                <div class="card-body">

                    <h6 class="fw-semibold">

                        <i class="bi bi-info-circle-fill text-primary me-2"></i>

                        {% trans "Need an Account?" %}

                    </h6>

                    <p class="small text-muted mb-0">
                        {% trans "If you require immediate access, please contact your system administrator or support team for assistance." %}
                    </p>

                </div>

            </div>

        </div>

    </div>
</div>
{% endblock %}