{% extends 'administration/base.html.twig' %}

{% block title %}{{ 'admin.license.invalid_title'|trans }}{% endblock %}

{% block body %}
<div class="container-fluid px-3 px-lg-4 py-4">
    <div class="row justify-content-center">
        <div class="col-12 col-md-10 col-lg-7">
            <div class="admin-card p-5 text-center">
                <div class="mb-4">
                    <i class="bi bi-shield-exclamation text-warning" style="font-size: 4rem;"></i>
                </div>

                <h1 class="gradient-text fw-bold mb-3">
                    {{ 'admin.license.invalid_title'|trans }}
                </h1>

                <p class="text-muted mb-4 fs-5">
                    {{ 'admin.license.invalid_description'|trans }}
                </p>

                <div class="alert alert-info d-flex align-items-center mb-4 text-start">
                    <i class="bi bi-info-circle me-3 flex-shrink-0" style="font-size: 1.5rem;"></i>
                    <div>
                        <strong>{{ 'admin.license.good_news'|trans }}</strong><br>
                        {{ 'admin.license.frontend_works'|trans }}
                    </div>
                </div>

                <div class="admin-card p-3 mb-4 bg-light text-start">
                    <div class="row g-3">
                        <div class="col-12 col-sm-6">
                            <small class="text-muted d-block">{{ 'admin.license.timestamp'|trans }}</small>
                            <span>{{ timestamp }}</span>
                        </div>
                        <div class="col-12 col-sm-6">
                            <small class="text-muted d-block">{{ 'admin.license.affected_area'|trans }}</small>
                            <span>{{ 'admin.license.administration_area'|trans }}</span>
                        </div>
                    </div>
                </div>

                <p class="text-muted mb-4">
                    {{ 'admin.license.activation_instructions'|trans }}
                </p>

                <div class="d-grid gap-2 d-md-flex justify-content-md-center">
                    <a href="{{ path('admin_license') }}" class="btn btn-primary btn-lg">
                        <i class="bi bi-shield-check me-2"></i>
                        {{ 'admin.license.open_admin_license'|trans }}
                    </a>
                </div>

                <div class="mt-4 pt-3 border-top">
                    <a href="{{ path('app_storefront_index') }}" class="btn btn-outline-secondary">
                        <i class="bi bi-house me-2"></i>
                        {{ 'admin.license.back_to_website'|trans }}
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}