{% extends "base.html" %}

{% block content %}
<div class="qr-owner-container">
    <div class="flex flex-col gap-3">
        <h1>Analytics</h1>
        <p class="text-muted">Scan performance for your QR stickers.</p>
    </div>

    <section class="qrc-card" aria-labelledby="analytics-coming-soon">
        <div class="stat-icon" aria-hidden="true"><i class="fas fa-chart-line"></i></div>
        <h2 id="analytics-coming-soon" class="m-0 text-lg font-semibold text-foreground">Analytics are being prepared</h2>
        <p class="m-0 max-w-2xl text-sm text-muted">Scan totals are available on each sticker. Detailed charts will appear here when the platform chart widget is connected.</p>
    </section>
</div>
{% endblock %}