{% extends "admin/base.html" %}
{% block title %}Visitor Session{% endblock %}
{% block content %}
<div class="admin-page-head"><div><p class="eyebrow-dark">Visitor session</p><h1>{{ session_row.started_at }}</h1><p class="mt-2 text-sm text-zinc-600">{{ session_row.country_code or 'Unknown' }} · {{ session_row.device_type }} · {{ ip_value }}</p></div><a class="btn-outline" href="{{ url_for('admin_analytics') }}">Back to Analytics</a></div>
<section class="mt-6 grid gap-4 sm:grid-cols-2 xl:grid-cols-4"><div class="admin-panel"><p class="form-label">Landing page</p><p class="mt-2 break-all font-bold">{{ session_row.landing_page }}</p></div><div class="admin-panel"><p class="form-label">First referrer</p><p class="mt-2 break-all font-bold">{{ session_row.first_referrer or 'Direct' }}</p></div><div class="admin-panel"><p class="form-label">Active time</p><p class="mt-2 text-2xl font-black">{{ session_row.engaged_seconds or 0 }} sec</p></div><div class="admin-panel"><p class="form-label">Pages / Return visit</p><p class="mt-2 text-2xl font-black">{{ session_row.pageview_count or 0 }} / #{{ session_row.visit_number or 1 }}</p></div></section>
<section class="mt-6 admin-panel overflow-x-auto"><h2>Timeline</h2><table class="mt-4 min-w-full divide-y divide-zinc-200"><thead><tr><th class="table-heading">Time</th><th class="table-heading">Event</th><th class="table-heading">Page / Listing</th><th class="table-heading">Value</th><th class="table-heading">Time / Scroll</th></tr></thead><tbody class="divide-y divide-zinc-200">{% for e in events %}<tr><td class="table-cell">{{ e.created_at }}</td><td class="table-cell font-bold">{{ e.event_type }}</td><td class="table-cell max-w-md break-all">{{ e.path }}{% if e.public_stock_number %}<br><span class="text-xs text-zinc-500">{{ e.public_stock_number or e.stock_number }} · {{ e.title_en }}</span>{% endif %}</td><td class="table-cell">{{ e.event_value }}</td><td class="table-cell">{{ e.engaged_seconds or 0 }} sec · {{ e.scroll_depth or 0 }}%</td></tr>{% endfor %}</tbody></table></section>
{% if leads %}<section class="mt-6 admin-panel"><h2>Converted leads</h2>{% for lead in leads %}<p class="mt-3"><strong>{{ lead.customer_name or lead.customer_email or lead.customer_phone or 'Lead' }}</strong> · {{ lead.public_stock_number or lead.stock_number or 'General' }} · {{ lead.created_at }}</p>{% endfor %}</section>{% endif %}
{% endblock %}