{% extends 'main/base.html' %}
{% load i18n %}

{% block title %}{% trans "Certificate of authenticity" %} - ODEON{% endblock %}

{% block top_icon %}
    <a href="/personal/" class="top-icon-btn">👤</a>
{% endblock %}

{% block content %}
    <div class="content-card section-inner" style="max-width: 500px; margin: 0 auto; position: relative;">
        {% include 'main/_subheader.html' with title=_("Certificate of authenticity") back="/personal/" %}

        <!-- Certificate card -->
        <div style="padding: 2rem 1.5rem; border-radius: 16px; background: linear-gradient(135deg, rgba(245,158,11,0.12), rgba(59,130,246,0.08)); border: 1px solid rgba(245,158,11,0.3); text-align: center;">
            <div style="font-size: 3rem; margin-bottom: 0.5rem;">🏅</div>
            <h3 style="margin: 0 0 0.75rem; color: #fbbf24; font-size: 1.2rem; letter-spacing: 0.05em;">{% trans "Certified Authentic Platform" %}</h3>
            <p style="margin: 0 0 1.25rem; color: var(--text-muted); font-size: 0.9rem; line-height: 1.7;">{% trans "This certifies that the ODEON ticketing platform operates under verified licensing and complies with applicable consumer-protection and data-security standards." %}</p>
            <div style="border-top: 1px solid rgba(255,255,255,0.1); padding-top: 1rem; display: grid; gap: 0.4rem; color: var(--text-muted); font-size: 0.85rem;">
                <div>{% trans "Certificate No." %}: <span style="color:var(--text-main);">PA-2025-0096613</span></div>
                <div>{% trans "Valid through" %}: <span style="color:var(--text-main);">2026-12-31</span></div>
            </div>
        </div>
    </div>
{% endblock %}