@extends('layouts.admin')

@section('title', 'Clicks, Downloads & Watches')

@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>Action
      <select name="action">
        <option value="">All</option>
        <option value="download" @selected($action === 'download')>Download</option>
        <option value="watch" @selected($action === 'watch')>Watch</option>
      </select>
    </label>
    <button class="btn btn-ghost" type="submit">Filter</button>
    <a class="btn btn-ghost" href="{{ route('admin.analytics.export', ['type' => 'clicks', 'from' => $from, 'to' => $to]) }}">⬇ Export CSV</a>
  </form>
</div>

<div class="stat-grid stat-grid-3">
  <div class="stat-card stat-dl"><span class="stat-label">Downloads</span><span class="stat-value">{{ number_format($summary['downloads']) }}</span></div>
  <div class="stat-card stat-watch"><span class="stat-label">Watches</span><span class="stat-value">{{ number_format($summary['watches']) }}</span></div>
  <div class="stat-card"><span class="stat-label">Total Clicks</span><span class="stat-value">{{ number_format($summary['total']) }}</span></div>
</div>

<div class="panel">
  <div class="panel-head"><h2>🏆 Top Titles (this range)</h2></div>
  <table class="admin-table">
    <thead><tr><th>Title</th><th>Action</th><th>Clicks</th></tr></thead>
    <tbody>
    @forelse($byMovie as $r)
      <tr>
        <td>{{ $movieTitles[$r->movie_id] ?? ('#'.$r->movie_id) }}</td>
        <td><span class="pill pill-{{ $r->action }}">{{ $r->action }}</span></td>
        <td><b>{{ number_format($r->total) }}</b></td>
      </tr>
    @empty
      <tr><td colspan="3" class="empty">No clicks in this range</td></tr>
    @endforelse
    </tbody>
  </table>
</div>

<div class="panel">
  <div class="panel-head"><h2>🖱 All Click Logs</h2></div>
  <table class="admin-table">
    <thead><tr><th>When</th><th>Action</th><th>Title</th><th>Quality/Server</th><th>Clicked From Page</th><th>Country</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><span class="pill pill-{{ $row->action }}">{{ $row->action }}</span></td>
        <td>{{ $row->movie?->title ?: ($row->episode?->movie?->title ? $row->episode->movie->title.' '.$row->episode->label() : '—') }}</td>
        <td>{{ $row->label }}</td>
        <td class="mono">{{ $row->path ?: '—' }}</td>
        <td>{{ $row->country ?: '—' }}</td>
      </tr>
    @empty
      <tr><td colspan="6" class="empty">No clicks in this range</td></tr>
    @endforelse
    </tbody>
  </table>
</div>

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