{% extends "admin_base.html" %}
{% import "macros/admin_management_header.html" as mh %}
{% block page_title %}Admin Dashboard - QR Magic{% endblock %}

{% block extra_head %}
<link rel="stylesheet" href="/static/css/admin_dashboard.css">
{% endblock %}

{% block admin_content %}
<div class="qrmagic-shell" id="admin-dashboard-container">
    {{ mh::management_header_simple(title="QR Magic: Global Analytics", subtitle="Monitoring QR generation and tracking activity across the platform.", include_actions_column=false) }}

    <div class="category-section">
        <div class="widget-group-container">
            <div class="widget-group span-full">
                <div class="widget-group-header">
                    <i class="fas fa-qrcode mr-1.5 opacity-70"></i>
                    QR Platform Metrics
                </div>
                <div class="widget-mini-grid">
                    <div class="widget-mini-card">
                        <div class="widget-mini-value">{{ metrics.total_users | default(value=0) }}</div>
                        <div class="widget-mini-label">Total Users</div>
                    </div>
                    <div class="widget-mini-card">
                        <div class="widget-mini-value">{{ metrics.total_qrs | default(value=0) }}</div>
                        <div class="widget-mini-label">Total QR Codes</div>
                    </div>
                    <div class="widget-mini-card">
                        <div class="widget-mini-value">{{ metrics.total_scans | default(value=0) }}</div>
                        <div class="widget-mini-label">Total Scans Tracking</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="card mt-4 overflow-hidden">
        <div class="card-header bg-light">
            <h5 class="mb-0">Recently Created QR Codes</h5>
        </div>
        <div class="activity-list">
            {% for qr in metrics.recent_qrs %}
            <div class="activity-item p-3 border-bottom d-flex justify-content-between align-items-center">
                <div class="activity-info">
                    <span class="qr-name fw-bold">{{ qr.name | default(value="Untitled") }}</span>
                    <span class="text-muted small"> • {{ qr.qr_type | upper | default(value="URL") }}</span>
                    <div class="text-muted x-small">{{ qr.created_at | date_in_tz(timezone=timezone | default(value=settings.timezone)) }}</div>
                </div>
                <a href="/plugins/qrmagic/qr_view?id={{ qr.id }}" class="blocks-button blocks-button-secondary btn-sm">
                    <i class="fas fa-eye"></i> View
                </a>
            </div>
            {% else %}
            <div class="p-5 text-center text-muted">
                <i class="fas fa-qrcode fa-3x mb-3 opacity-25"></i>
                <p>No recently created QR codes found.</p>
            </div>
            {% endfor %}
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
{% endblock %}