@extends('layouts.app')
@section('title','Statistiques')
@section('content')
@php($max = max(1, ...array_values($perDay ?: [0])))
<div class="row" style="justify-content:space-between;align-items:flex-end">
  <div><div class="h1">Statistiques</div><div class="sub">Fréquentation du site vitrine, anonyme, sans cookie.</div></div>
  <div class="row">
    @foreach([7=>'7 j',30=>'30 j',90=>'90 j'] as $d=>$lbl)
      <a class="btn {{ $period==$d?'':'ghost' }} sm" href="?days={{ $d }}">{{ $lbl }}</a>
    @endforeach
  </div>
</div>

<div class="grid g4">
  <div class="stat"><div class="n">{{ number_format($total,0,',',' ') }}</div><div class="l">Pages vues ({{ $period }} j)</div></div>
  <div class="stat"><div class="n">{{ number_format($visitors,0,',',' ') }}</div><div class="l">Visiteurs uniques</div></div>
  <div class="stat"><div class="n">{{ $today }}</div><div class="l">Vues aujourd'hui</div></div>
  <div class="stat"><div class="n">{{ $kpi['billetterie'] }}</div><div class="l">Clics billetterie</div></div>
</div>

<div class="card">
  <b>Fréquentation par jour</b>
  <div style="display:flex;align-items:flex-end;gap:3px;height:140px;margin-top:14px">
    @foreach($perDay as $day=>$c)
      <div title="{{ $day }} : {{ $c }} vues" style="flex:1;background:var(--orange);border-radius:3px 3px 0 0;height:{{ max(2,round($c/$max*100)) }}%;min-width:2px;opacity:{{ $c?1:.25 }}"></div>
    @endforeach
  </div>
  <div class="sub" style="margin-top:8px">Du {{ \Illuminate\Support\Carbon::parse(array_key_first($perDay))->format('d/m') }} à aujourd'hui · pic : {{ $max }} vues/jour</div>
</div>

<div class="grid g2">
  <div class="card">
    <b>Pages les plus vues</b>
    <table style="margin-top:10px"><tbody>
      @forelse($topPages as $p)<tr><td>{{ $p->path }}</td><td style="text-align:right"><b>{{ $p->c }}</b></td></tr>
      @empty<tr><td class="sub">Aucune donnée pour l'instant.</td></tr>@endforelse
    </tbody></table>
  </div>
  <div class="card">
    <b>Sources de trafic</b>
    <table style="margin-top:10px"><tbody>
      @forelse($topRef as $r)<tr><td>{{ $r->referrer_host }}</td><td style="text-align:right"><b>{{ $r->c }}</b></td></tr>
      @empty<tr><td class="sub">Trafic direct uniquement pour l'instant.</td></tr>@endforelse
    </tbody></table>
  </div>
</div>

<div class="grid g2">
  <div class="card">
    <b>Appareils</b>
    <table style="margin-top:10px"><tbody>
      @forelse($devices as $dev=>$c)<tr><td>{{ ['mobile'=>'Mobile','tablet'=>'Tablette','desktop'=>'Ordinateur'][$dev] ?? $dev }}</td><td style="text-align:right"><b>{{ $c }}</b></td></tr>
      @empty<tr><td class="sub">, </td></tr>@endforelse
    </tbody></table>
  </div>
  <div class="card">
    <b>Engagement & conversions</b>
    <table style="margin-top:10px"><tbody>
      <tr><td><i data-lucide="ticket" style="width:1em;height:1em;vertical-align:-.15em"></i> Clics billetterie</td><td style="text-align:right"><b>{{ $kpi['billetterie'] }}</b></td></tr>
      <tr><td><i data-lucide="star" style="width:1em;height:1em;vertical-align:-.15em"></i> Ouvertures FAQ</td><td style="text-align:right"><b>{{ $kpi['faq_opens'] }}</b></td></tr>
      <tr><td><i data-lucide="bot" style="width:1em;height:1em;vertical-align:-.15em"></i> Réponses chatbot servies</td><td style="text-align:right"><b>{{ $kpi['chatbot_hits'] }}</b></td></tr>
      <tr><td><i data-lucide="mail" style="width:1em;height:1em;vertical-align:-.15em"></i> Questions / leads</td><td style="text-align:right"><b>{{ $kpi['leads'] }}</b></td></tr>
      @foreach($events->where('label','!=','billetterie') as $e)
      <tr><td>{{ $e->label }}</td><td style="text-align:right"><b>{{ $e->c }}</b></td></tr>
      @endforeach
    </tbody></table>
  </div>
</div>
<p class="sub">Suivi 100 % propriétaire, sans cookie ni service tiers (RGPD-friendly) : l'IP n'est jamais stockée.</p>
@endsection