@extends('layouts.admin')

@section('title', 'Dashboard')

@section('content')
<div class="stat-grid">
  <div class="stat-card">
    <span class="stat-label">Total Titles</span>
    <span class="stat-value">{{ $stats['movies'] }}</span>
    <span class="stat-sub">{{ $stats['series'] }} series / anime / drama</span>
  </div>
  <div class="stat-card stat-views">
    <span class="stat-label">Page Views</span>
    <span class="stat-value">{{ number_format($stats['views_total']) }}</span>
    <span class="stat-sub">{{ number_format($stats['views_today']) }} today</span>
  </div>
  <div class="stat-card stat-dl">
    <span class="stat-label">Downloads</span>
    <span class="stat-value">{{ number_format($stats['downloads_total']) }}</span>
    <span class="stat-sub">{{ number_format($stats['downloads_today']) }} today</span>
  </div>
  <div class="stat-card stat-watch">
    <span class="stat-label">Watches</span>
    <span class="stat-value">{{ number_format($stats['watches_total']) }}</span>
    <span class="stat-sub">{{ number_format($stats['watches_today']) }} today</span>
  </div>
</div>

<div class="panel-grid-2">
  <div class="panel">
    <div class="panel-head">
      <h2>📊 Last 14 Days — Visits</h2>
    </div>
    <canvas id="chartViews" height="220"></canvas>
  </div>

  <div class="panel">
    <div class="panel-head">
      <h2>⬇️ Last 14 Days — Downloads vs Watches</h2>
    </div>
    <canvas id="chartClicks" height="220"></canvas>
  </div>
</div>

<div class="panel-grid-2">
  <div class="panel">
    <div class="panel-head"><h2>📄 Top Pages (Views)</h2></div>
    <table class="admin-table">
      <thead><tr><th>Page</th><th>Views</th></tr></thead>
      <tbody>
      @forelse($topPages as $p)
        <tr><td class="mono">{{ $p->path }}</td><td><b>{{ number_format($p->total) }}</b></td></tr>
      @empty
        <tr><td colspan="2" class="empty">No data yet</td></tr>
      @endforelse
      </tbody>
    </table>
  </div>

  <div class="panel">
    <div class="panel-head"><h2>🖱 Clicks by Page (Download/Watch)</h2></div>
    <table class="admin-table">
      <thead><tr><th>Page</th><th>Clicks</th></tr></thead>
      <tbody>
      @forelse($clickByPage as $p)
        <tr><td class="mono">{{ $p->path ?: '-' }}</td><td><b>{{ number_format($p->total) }}</b></td></tr>
      @empty
        <tr><td colspan="2" class="empty">No clicks yet</td></tr>
      @endforelse
      </tbody>
    </table>
  </div>
</div>

<div class="panel-grid-2">
  <div class="panel">
    <div class="panel-head"><h2>🌍 Top Countries</h2></div>
    <table class="admin-table">
      <thead><tr><th>Country</th><th>Views</th></tr></thead>
      <tbody>
      @forelse($topCountries as $c)
        <tr><td>{{ $c->country ?: 'Unknown' }}</td><td>{{ number_format($c->total) }}</td></tr>
      @empty
        <tr><td colspan="2" class="empty">No data yet</td></tr>
      @endforelse
      </tbody>
    </table>
  </div>

  <div class="panel">
    <div class="panel-head"><h2>🔗 Top Referrers</h2></div>
    <table class="admin-table">
      <thead><tr><th>Source</th><th>Views</th></tr></thead>
      <tbody>
      @forelse($topReferrers as $r)
        <tr><td class="mono">{{ $r->host }}</td><td>{{ number_format($r->total) }}</td></tr>
      @empty
        <tr><td colspan="2" class="empty">Direct / no referrer yet</td></tr>
      @endforelse
      </tbody>
    </table>
  </div>
</div>

<div class="panel-grid-2">
  <div class="panel">
    <div class="panel-head"><h2>🏆 Top Movies by Downloads</h2></div>
    <table class="admin-table">
      <thead><tr><th>Title</th><th>Downloads</th><th>Watches</th><th>Views</th></tr></thead>
      <tbody>
      @forelse($topMovies as $m)
        <tr>
          <td><a href="{{ route('admin.movies.edit', $m) }}">{{ \Illuminate\Support\Str::limit($m->title, 40) }}</a></td>
          <td><b>{{ number_format($m->downloads) }}</b></td>
          <td>{{ number_format($m->watches) }}</td>
          <td>{{ number_format($m->views) }}</td>
        </tr>
      @empty
        <tr><td colspan="4" class="empty">No data yet</td></tr>
      @endforelse
      </tbody>
    </table>
  </div>

  <div class="panel">
    <div class="panel-head"><h2>🕐 Recent Clicks</h2></div>
    <table class="admin-table">
      <thead><tr><th>When</th><th>Action</th><th>Title</th><th>From Page</th></tr></thead>
      <tbody>
      @forelse($recentClicks as $c)
        <tr>
          <td class="nowrap">{{ optional($c->created_at)->format('d M, H:i') }}</td>
          <td><span class="pill pill-{{ $c->action }}">{{ $c->action }}</span></td>
          <td>{{ $c->movie?->title ?: ($c->episode?->movie?->title . ' '.$c->episode?->label()) ?: '-' }}</td>
          <td class="mono">{{ \Illuminate\Support\Str::limit($c->path ?: '-', 30) }}</td>
        </tr>
      @empty
        <tr><td colspan="4" class="empty">No clicks yet</td></tr>
      @endforelse
      </tbody>
    </table>
  </div>
</div>
@endsection

@push('scripts')
<script>
window.CHART_DATA = @json($chart);
</script>
@endpush