@extends('layouts.admin')

@section('title', 'Page Views Analytics')

@section('content')
<div class="filter-bar">
  <form class="filter-form" method="get">
    <label>From <input type="date" name="from" value="{{ $from }}"></label>
    <label>To <input type="date" name="to" value="{{ $to }}"></label>
    <label>Path <input type="search" name="path" value="{{ $path }}" placeholder="/movie/..."></label>
    <button class="btn btn-ghost" type="submit">Filter</button>
    <a class="btn btn-ghost" href="{{ route('admin.analytics.export', ['type' => 'views', 'from' => $from, 'to' => $to]) }}">⬇ Export CSV</a>
  </form>
</div>

<div class="stat-grid stat-grid-3">
  <div class="stat-card"><span class="stat-label">Total Views</span><span class="stat-value">{{ number_format($summary['total']) }}</span></div>
  <div class="stat-card"><span class="stat-label">Unique Pages</span><span class="stat-value">{{ number_format($summary['unique_paths']) }}</span></div>
  <div class="stat-card"><span class="stat-label">Unique IPs</span><span class="stat-value">{{ number_format($summary['unique_ips']) }}</span></div>
</div>

<div class="panel">
  <div class="panel-head"><h2>📈 Daily Views</h2></div>
  <canvas id="chartDaily" height="160"></canvas>
</div>

<div class="panel">
  <div class="panel-head"><h2>👁 All Page Views</h2></div>
  <table class="admin-table">
    <thead><tr><th>When</th><th>Page</th><th>Country</th><th>Referrer</th><th>IP</th></tr></thead>
    <tbody>
    @forelse($rows as $row)
      <tr>
        <td class="nowrap">{{ optional($row->created_at)->format('d M Y, H:i:s') }}</td>
        <td class="mono">{{ $row->path }}</td>
        <td>{{ $row->country ?: '—' }}</td>
        <td class="mono muted">{{ \Illuminate\Support\Str::limit(parse_url($row->referer ?? '', PHP_URL_HOST) ?: 'direct', 28) }}</td>
        <td class="mono muted">{{ $row->ip }}</td>
      </tr>
    @empty
      <tr><td colspan="5" class="empty">No views in this range</td></tr>
    @endforelse
    </tbody>
  </table>
</div>

<div class="pagination-wrap">{{ $rows->links() }}</div>
@endsection

@push('scripts')
<script>
window.DAILY_DATA = {
  labels: @json($daily->pluck('day')),
  values: @json($daily->pluck('total'))
};
</script>
@endpush