{% extends "admin/base.html" %}
{% block title %}{{ listing.public_stock_number or listing.stock_number }} Analytics{% endblock %}
{% block content %}
<div class="admin-page-head"><div><p class="eyebrow-dark">Listing analytics</p><h1>{{ listing.public_stock_number or listing.stock_number }}</h1><p class="mt-2 text-sm font-bold text-zinc-600">{{ listing.title_en }}</p></div><a class="btn-outline" href="{{ url_for('admin_analytics', period=period) }}">Back to Analytics</a></div>
<section class="mt-6 grid gap-4 sm:grid-cols-2 xl:grid-cols-6">
{% for label,value in [('Sessions',summary.sessions or 0),('Visitors',summary.visitors or 0),('Views',summary.views or 0),('Active seconds',summary.engaged or 0),('CTA clicks',summary.cta or 0),('Leads',summary.leads or 0)] %}<div class="admin-panel"><p class="form-label">{{ label }}</p><p class="mt-2 text-2xl font-black">{{ value }}</p></div>{% endfor %}
</section>
<section class="mt-6 admin-panel overflow-x-auto"><h2>Visitor sessions</h2><p class="mt-2 text-sm text-zinc-600">IP values are masked for privacy. Open a session to see its full page and action timeline.</p>
<table class="mt-4 min-w-full divide-y divide-zinc-200"><thead><tr><th class="table-heading">Time</th><th class="table-heading">Origin</th><th class="table-heading">Country</th><th class="table-heading">IP</th><th class="table-heading">Device</th><th class="table-heading">Active time</th><th class="table-heading">Views / Scroll</th><th class="table-heading">Actions</th></tr></thead><tbody class="divide-y divide-zinc-200">
{% for row in sessions %}<tr><td class="table-cell"><a class="font-bold underline" href="{{ url_for('admin_analytics_session_detail', session_token=row.session_token) }}">{{ row.started_at }}</a></td><td class="table-cell max-w-xs break-all">{{ row.first_referrer or 'Direct' }}</td><td class="table-cell">{{ row.country_code or 'Unknown' }}</td><td class="table-cell">{{ ip_value(row) }}</td><td class="table-cell">{{ row.device_type }}</td><td class="table-cell">{{ row.listing_engaged or 0 }} sec</td><td class="table-cell">{{ row.listing_views or 0 }} / {{ row.listing_scroll or 0 }}%</td><td class="table-cell">{{ row.listing_cta or 0 }} CTA · {{ row.listing_leads or 0 }} lead</td></tr>{% else %}<tr><td class="table-cell" colspan="8">No human sessions found.</td></tr>{% endfor %}
</tbody></table></section>
{% endblock %}