{% extends "admin/base.html" %}
{% block title %}Analytics | Admin{% endblock %}
{% block content %}
<div class="admin-page-head">
  <div><p class="eyebrow-dark">Human traffic & conversion</p><h1>Analytics</h1><p class="mt-3 max-w-4xl text-sm font-bold text-zinc-600">Bots and asset requests are excluded. Use the controls below to include or exclude zero-second visits and reveal full IPs inside admin only.</p>{% if reliable_since %}<p class="mt-2 text-xs font-bold text-amber-700">Reliable analytics start: {{ reliable_since }}</p>{% endif %}</div>
  <div class="flex flex-wrap gap-2">{% for option in ('7','30','90','all') %}<a class="{{ 'btn-primary' if period == option else 'btn-outline' }}" href="{{ url_for('admin_analytics', period=option) }}">{{ option if option == 'all' else option ~ ' days' }}</a>{% endfor %}<a class="btn-outline" href="{{ url_for('admin_analytics_diagnostics') }}" target="_blank">IP diagnostics</a><a class="btn-outline" href="{{ url_for('admin_analytics_security') }}">Proxy & Clone Protection</a></div>
</div>
<form class="mt-5 admin-panel flex flex-wrap items-end gap-5" method="post">
  <input type="hidden" name="period" value="{{ period }}"><input type="hidden" name="analytics_action" value="preferences">
  <label class="flex items-center gap-2 font-bold"><input type="checkbox" name="analytics_show_full_ip" {% if show_full_ip %}checked{% endif %}> Show full IPs in admin</label>
  <label class="flex items-center gap-2 font-bold"><input type="checkbox" name="analytics_include_zero_seconds" {% if include_zero %}checked{% endif %}> Include 0-second visits in page/listing counts</label>
  <button class="btn-primary" type="submit">Save analytics view</button>
  <p class="w-full text-xs text-zinc-500">Full IPs are stored only for traffic recorded after this release. Historical masked IPs cannot be reconstructed.</p>
</form>
<section class="mt-5 grid gap-5 xl:grid-cols-2">
  <div class="admin-panel">
    <h2>Export / import analytics</h2>
    <p class="mt-2 text-sm text-zinc-600">Export all analytics or the selected date range as JSON. Import restores sessions, events, source filters, security logs/rules, and attributed leads when IDs do not already exist.</p>
    <div class="mt-4 flex flex-wrap gap-2">
      <a class="btn-primary" href="{{ url_for('admin_analytics_export', period=period) }}">Export current range</a>
      <a class="btn-outline" href="{{ url_for('admin_analytics_export', period='all') }}">Export all analytics</a>
    </div>
  </div>
  <form class="admin-panel" method="post" enctype="multipart/form-data" action="{{ url_for('admin_analytics_import') }}">
    <h2>Import analytics JSON</h2>
    <p class="mt-2 text-sm text-zinc-600">Use this for moving/restoring analytics between local and production copies. Existing rows are skipped.</p>
    <input class="form-input mt-4" type="file" name="analytics_file" accept="application/json,.json" required>
    <button class="btn-primary mt-4" type="submit">Import analytics</button>
  </form>
</section>
<section class="mt-8 grid gap-4 sm:grid-cols-2 xl:grid-cols-6">
  <a class="admin-panel block hover:border-amber-400" href="{{ url_for('admin_analytics_metric_detail', metric='human_today', period=period) }}"><p class="form-label">Human visitors today</p><p class="mt-2 text-3xl font-black">{{ metrics.humans_today }}</p><p class="mt-1 text-xs text-amber-700 font-bold">View sessions</p></a>
  <div class="admin-panel"><p class="form-label">Unique visitors</p><a class="mt-2 block text-3xl font-black underline decoration-amber-400 decoration-2 underline-offset-4" href="{{ url_for('admin_analytics_metric_detail', metric='visitors', period=period) }}">{{ metrics.visitors }}</a><a class="mt-1 block text-xs text-zinc-500 underline" href="{{ url_for('admin_analytics_metric_detail', metric='sessions', period=period) }}">{{ metrics.sessions }} sessions</a></div>
  <a class="admin-panel block hover:border-amber-400" href="{{ url_for('admin_analytics_metric_detail', metric='page_views', period=period) }}"><p class="form-label">Human page views</p><p class="mt-2 text-3xl font-black">{{ metrics.page_views }}</p><p class="mt-1 text-xs text-amber-700 font-bold">View page-view records</p></a>
  <a class="admin-panel block hover:border-amber-400" href="{{ url_for('admin_analytics_metric_detail', metric='zero_seconds', period=period) }}"><p class="form-label">0-second views</p><p class="mt-2 text-3xl font-black">{{ metrics.zero_second_views }}</p><p class="mt-1 text-xs text-amber-700 font-bold">View no-engagement sessions</p></a>
  <a class="admin-panel block hover:border-amber-400" href="{{ url_for('admin_analytics_metric_detail', metric='leads', period=period) }}"><p class="form-label">Leads</p><p class="mt-2 text-3xl font-black">{{ metrics.leads }}</p><p class="mt-1 text-xs text-amber-700 font-bold">View leads</p></a>
  <div class="admin-panel"><p class="form-label">Conversion</p><p class="mt-2 text-3xl font-black">{{ metrics.conversion }}%</p></div>
</section>
<section class="mt-4 grid gap-4 sm:grid-cols-2 xl:grid-cols-4"><div class="admin-panel"><p class="form-label">Average engaged time</p><p class="mt-2 text-2xl font-black">{{ metrics.avg_engaged }} sec</p></div><div class="admin-panel"><p class="form-label">Bounce rate</p><p class="mt-2 text-2xl font-black">{{ metrics.bounce_rate }}%</p></div><div class="admin-panel"><p class="form-label">Returning rate</p><p class="mt-2 text-2xl font-black">{{ metrics.return_rate }}%</p></div><div class="admin-panel"><p class="form-label">Bot share</p><p class="mt-2 text-2xl font-black">{{ metrics.bot_rate }}%</p></div></section>
<section class="mt-6 grid gap-6 xl:grid-cols-3">
<div class="admin-panel"><h2>Conversion funnel</h2><table class="mt-4 min-w-full divide-y divide-zinc-200"><tbody>{% for label,key in [('Page-view sessions','page_view'),('CTA clicks','cta_click'),('Form starts','form_start'),('WhatsApp','whatsapp_click'),('Phone','phone_click'),('Email','email_click'),('Chatbot opens','chatbot_open'),('Chatbot messages','chatbot_message'),('Leads','lead_submit')] %}<tr><td class="table-cell">{{ label }}</td><td class="table-cell text-right font-black">{{ funnel.get(key,0) }}</td></tr>{% endfor %}</tbody></table></div>
<div class="admin-panel"><h2>Countries</h2><table class="mt-4 min-w-full divide-y divide-zinc-200"><thead><tr><th class="table-heading">Country</th><th class="table-heading">Sessions</th><th class="table-heading">Converted</th></tr></thead><tbody>{% for row in countries %}<tr><td class="table-cell"><a class="font-bold underline decoration-amber-400 decoration-2 underline-offset-4" href="{{ url_for('admin_analytics_country_detail', country_code=row.country, period=period) }}">{{ row.country }}</a></td><td class="table-cell font-black">{{ row.count }}</td><td class="table-cell">{{ row.converted or 0 }}</td></tr>{% else %}<tr><td class="table-cell" colspan="3">No reliable country data yet.</td></tr>{% endfor %}</tbody></table></div>
<div class="admin-panel"><h2>Devices</h2><table class="mt-4 min-w-full divide-y divide-zinc-200"><tbody>{% for row in devices %}<tr><td class="table-cell">{{ row.device_type }}</td><td class="table-cell text-right font-black">{{ row.count }}</td></tr>{% else %}<tr><td class="table-cell">No sessions yet.</td><td></td></tr>{% endfor %}</tbody></table></div>
</section>
<section class="mt-6 grid gap-6 xl:grid-cols-2">
<div class="admin-panel overflow-x-auto"><h2>Traffic sources</h2><form method="post" class="mt-3"><input type="hidden" name="period" value="{{ period }}"><input type="hidden" name="analytics_action" value="exclude_sources"><table class="mt-4 min-w-full divide-y divide-zinc-200"><thead><tr><th class="table-heading">Exclude</th><th class="table-heading">Source</th><th class="table-heading">Sessions</th><th class="table-heading">Leads</th></tr></thead><tbody>{% for row in sources %}<tr><td class="table-cell"><input type="checkbox" name="source_values" value="{{ row.source_value }}"></td><td class="table-cell max-w-xs break-all"><strong>{{ row.source }}</strong><br><span class="text-xs text-zinc-500">{{ row.source_value }}</span></td><td class="table-cell font-black">{{ row.count }}</td><td class="table-cell">{{ row.leads or 0 }}</td></tr>{% else %}<tr><td class="table-cell" colspan="4">No source data.</td></tr>{% endfor %}</tbody></table><button class="btn-outline mt-4" type="submit">Exclude selected sources from analytics</button></form>{% if excluded_sources %}<form method="post" class="mt-5 border-t border-zinc-200 pt-4"><input type="hidden" name="period" value="{{ period }}"><p class="form-label">Excluded source filters</p><div class="mt-2 max-h-40 overflow-y-auto text-xs">{% for item in excluded_sources %}<label class="flex items-center gap-2 py-1"><input type="checkbox" name="source_filter_ids" value="{{ item.id }}"><span class="{{ '' if item.is_enabled else 'line-through text-zinc-400' }}">{{ item.source_value }}</span></label>{% endfor %}</div><div class="mt-3 flex flex-wrap gap-2"><button class="btn-outline" name="analytics_action" value="enable_source_filters">Enable</button><button class="btn-outline" name="analytics_action" value="disable_source_filters">Disable</button><button class="btn-danger" name="analytics_action" value="delete_source_filters">Delete</button></div></form>{% endif %}</div>
<div class="admin-panel overflow-x-auto"><h2>Top public pages</h2><table class="mt-4 min-w-full divide-y divide-zinc-200"><thead><tr><th class="table-heading">Page</th><th class="table-heading">Views</th><th class="table-heading">Visitors</th><th class="table-heading">Active sec</th></tr></thead><tbody>{% for row in top_pages %}<tr><td class="table-cell max-w-md break-all"><a class="font-bold underline decoration-amber-400 decoration-2 underline-offset-4" href="{{ url_for('admin_analytics_page_detail', path=row.path, period=period) }}">{{ row.path }}</a></td><td class="table-cell font-black">{{ row.count }}</td><td class="table-cell">{{ row.visitors }}</td><td class="table-cell">{{ row.engaged or 0 }}</td></tr>{% else %}<tr><td class="table-cell" colspan="4">No public page views.</td></tr>{% endfor %}</tbody></table></div>
</section>
<section class="mt-6 admin-panel overflow-x-auto"><h2>Listing performance</h2><table class="mt-4 min-w-full divide-y divide-zinc-200"><thead><tr><th class="table-heading">Listing</th><th class="table-heading">Visitors</th><th class="table-heading">Views</th><th class="table-heading">Active sec</th><th class="table-heading">CTA</th><th class="table-heading">Leads</th><th class="table-heading">Conversion</th></tr></thead><tbody>{% for row in top_listings %}<tr><td class="table-cell"><a class="font-bold underline decoration-amber-400 decoration-2 underline-offset-4" href="{{ url_for('admin_analytics_listing_detail', listing_id=row.id, period=period) }}"><strong>{{ row.public_stock_number or row.stock_number }}</strong><br><span class="text-xs text-zinc-500">{{ row.title_en }}</span></a></td><td class="table-cell">{{ row.visitors }}</td><td class="table-cell">{{ row.views }}</td><td class="table-cell">{{ row.engaged or 0 }}</td><td class="table-cell">{{ row.cta_clicks or 0 }}</td><td class="table-cell font-black">{{ row.leads or 0 }}</td><td class="table-cell">{{ ((row.leads or 0)*100/row.visitors)|round(2) if row.visitors else 0 }}%</td></tr>{% else %}<tr><td class="table-cell" colspan="7">No listing traffic.</td></tr>{% endfor %}</tbody></table></section>
<section class="mt-6 admin-panel overflow-x-auto"><h2>Latest attributed leads</h2><table class="mt-4 min-w-full divide-y divide-zinc-200"><thead><tr><th class="table-heading">Lead</th><th class="table-heading">Listing</th><th class="table-heading">Landing</th><th class="table-heading">Country</th><th class="table-heading">Views</th><th class="table-heading">Active time</th></tr></thead><tbody>{% for lead in latest_leads %}<tr><td class="table-cell">{{ lead.customer_name or lead.customer_email or lead.customer_phone or 'Lead' }}<br><span class="text-xs text-zinc-500">{{ lead.created_at }}</span></td><td class="table-cell">{{ lead.public_stock_number or lead.stock_number or 'General' }}</td><td class="table-cell max-w-xs break-all">{{ lead.landing_page or lead.source_page }}</td><td class="table-cell">{{ lead.attribution_country or 'Unknown' }}</td><td class="table-cell">{{ lead.views_before_lead or 0 }}</td><td class="table-cell">{{ lead.engaged_seconds_before_lead or 0 }} sec</td></tr>{% else %}<tr><td class="table-cell" colspan="6">No leads.</td></tr>{% endfor %}</tbody></table></section>
{% endblock %}