{{template "header" .}}
<div class="admin az">
  <p class="kicker">{{if .IsSuper}}Super · Pro{{else if .License.Pro}}Pro{{else}}Locked{{end}}</p>
  <h1>Analytics</h1>
  <p class="lead">Plays, library mix, and what people actually watch. Sign in to see it. Pro still unlocks S3, unlimited IPTV, and OBS.</p>
  {{if .Error}}
    <div class="alert">{{.Error}}</div>
    <p><a class="btn btn-green" href="/license">Activate Pro</a>
       <a class="btn btn-outline" href="/guide">Guide</a></p>
  {{else}}
  <div class="stat-grid">
    <div class="stat glow"><b>{{.Insight.ViewsDisp}}</b><span>Total plays</span></div>
    <div class="stat"><b>{{.Insight.Videos}}</b><span>Titles</span></div>
    <div class="stat"><b>{{.Insight.Public}}</b><span>Public</span></div>
    <div class="stat"><b>{{.Insight.Pending}}</b><span>Pending</span></div>
    <div class="stat"><b>{{.Insight.Hidden}}</b><span>Private</span></div>
    <div class="stat"><b>{{.Insight.AvgDisp}}</b><span>Avg plays / title</span></div>
  </div>

  <div class="admin-grid">
    <section class="admin-card">
      <h2>Top titles</h2>
      <p class="meta">By recorded plays (each watch bumps the counter).</p>
      {{if not .Insight.Top}}<p class="meta">No plays yet.</p>{{end}}
      {{range .Insight.Top}}
      <a class="az-row" href="{{.Href}}">
        <div class="az-lab">
          <strong>{{.Label}}</strong>
          <span>{{.Sub}}</span>
        </div>
        <div class="az-n">{{.Disp}}</div>
        <div class="az-track"><i style="width:{{.Pct}}%"></i></div>
      </a>
      {{end}}
    </section>
    <section class="admin-card">
      <h2>By category</h2>
      <p class="meta">Plays rolled up per shelf.</p>
      {{range .Insight.Cats}}
      <div class="az-row">
        <div class="az-lab"><strong>{{.Label}}</strong><span>{{.Sub}}</span></div>
        <div class="az-n">{{.Disp}}</div>
        <div class="az-track cat"><i style="width:{{.Pct}}%"></i></div>
      </div>
      {{end}}
    </section>
  </div>

  <section class="admin-card">
    <h2>Added in the last 14 days</h2>
    <p class="meta">How many titles landed each day — not plays, just catalog growth.</p>
    <div class="az-days">
      {{range .Insight.Days}}
      <div class="az-day" title="{{.N}} on {{.Sub}} {{.Label}}">
        <div class="az-col"><b style="height:{{.Pct}}%"></b></div>
        <span>{{.Label}}</span>
      </div>
      {{end}}
    </div>
  </section>

  <section class="admin-card">
    <h2>Catalog</h2>
    <table class="admin-table">
      <thead><tr><th>Title</th><th>Category</th><th>Status</th><th>Plays</th></tr></thead>
      <tbody>
      {{range .Insight.Rows}}
        <tr>
          <td><a href="/watch/{{.ID}}">{{.Title}}</a></td>
          <td>{{.Category}}</td>
          <td>{{if .Status}}{{.Status}}{{else}}public{{end}}</td>
          <td>{{.Views}}</td>
        </tr>
      {{end}}
      </tbody>
    </table>
  </section>
  {{if .IsSuper}}
  <p class="kicker" style="margin-top:36px">Super · last 24 hours on this host</p>
  <h2>SEO & performance</h2>
  <p class="lead">Hits stay in memory on this process (resets on restart). Google Search Console still owns impressions and queries.</p>
  <div class="stat-grid">
    <div class="stat glow"><b>{{.Traffic.HitsDisp}}</b><span>Hits</span></div>
    <div class="stat"><b>{{.Traffic.Humans}}</b><span>People</span></div>
    <div class="stat"><b>{{.Traffic.Bots}}</b><span>Crawlers</span></div>
    <div class="stat"><b>{{.Traffic.Unique}}</b><span>Unique</span></div>
    <div class="stat"><b>{{.Traffic.AvgDisp}}</b><span>Avg</span></div>
    <div class="stat"><b>{{.Traffic.P95Disp}}</b><span>p95</span></div>
    <div class="stat"><b>{{.Traffic.Errors}}</b><span>Errors</span></div>
    <div class="stat glow"><b>{{.SEO.Score}}/100</b><span>SEO</span></div>
  </div>
  <section class="admin-card">
    <h2>Traffic by hour</h2>
    <div class="az-days">
      {{range .Traffic.Hours}}
      <div class="az-day" title="{{.N}} at {{.Label}}:00">
        <div class="az-col"><b style="height:{{.Pct}}%"></b></div>
        <span>{{.Label}}</span>
      </div>
      {{end}}
    </div>
  </section>
  <div class="admin-grid">
    <section class="admin-card">
      <h2>Landing paths</h2>
      {{if not .Traffic.Paths}}<p class="meta">No HTML hits yet — open the site once.</p>{{end}}
      {{range .Traffic.Paths}}
      <a class="az-row" href="{{.Href}}">
        <div class="az-lab"><strong>{{.Label}}</strong></div>
        <div class="az-n">{{.Disp}}</div>
        <div class="az-track"><i style="width:{{.Pct}}%"></i></div>
      </a>
      {{end}}
    </section>
    <section class="admin-card">
      <h2>Referrers</h2>
      {{if not .Traffic.Refs}}<p class="meta">No external referrers yet.</p>{{end}}
      {{range .Traffic.Refs}}
      <div class="az-row">
        <div class="az-lab"><strong>{{.Label}}</strong></div>
        <div class="az-n">{{.Disp}}</div>
        <div class="az-track cat"><i style="width:{{.Pct}}%"></i></div>
      </div>
      {{end}}
    </section>
  </div>
  <div class="admin-grid">
    <section class="admin-card">
      <h2>Crawlers</h2>
      <p class="meta">Googlebot, Bing, social previews, SEO tools.</p>
      {{if not .Traffic.Crawlers}}<p class="meta">No bots in the last 24 hours.</p>{{end}}
      {{range .Traffic.Crawlers}}
      <div class="az-row">
        <div class="az-lab"><strong>{{.Label}}</strong></div>
        <div class="az-n">{{.Disp}}</div>
        <div class="az-track"><i style="width:{{.Pct}}%"></i></div>
      </div>
      {{end}}
    </section>
    <section class="admin-card">
      <h2>Slow pages</h2>
      <p class="meta">Responses ≥ 250 ms.</p>
      {{if not .Traffic.Slow}}<p class="meta">Nothing slow in this window.</p>{{end}}
      {{range .Traffic.Slow}}
      <div class="az-row">
        <div class="az-lab"><strong>{{.Label}}</strong><span>{{.Sub}}</span></div>
        <div class="az-n">{{.Disp}}</div>
        <div class="az-track cat"><i style="width:{{.Pct}}%"></i></div>
      </div>
      {{end}}
    </section>
  </div>
  <section class="admin-card">
    <h2>SEO health</h2>
    <p class="meta">On-page checks this host can see. Search Console still reports real rankings.</p>
    <table class="admin-table">
      <thead><tr><th>Check</th><th>Status</th><th>Note</th></tr></thead>
      <tbody>
      {{range .SEO.Checks}}
        <tr>
          <td>{{.Label}}</td>
          <td>{{if eq .State "ok"}}ok{{else if eq .State "warn"}}warn{{else}}fix{{end}}</td>
          <td>{{.Note}}</td>
        </tr>
      {{end}}
      </tbody>
    </table>
    {{if .SEO.Issues}}
    <h3>Catalog issues</h3>
    {{range .SEO.Issues}}
    <div class="az-row">
      <div class="az-lab"><strong>{{.Label}}</strong></div>
      <div class="az-n">{{.Disp}}</div>
      <div class="az-track cat"><i style="width:{{.Pct}}%"></i></div>
    </div>
    {{end}}
    {{end}}
    <p class="meta" style="margin-top:14px"><a href="/sitemap.xml">sitemap.xml</a> · <a href="/robots.txt">robots.txt</a> · <a href="https://search.google.com/search-console" target="_blank" rel="noreferrer">Search Console</a></p>
  </section>
  <section class="admin-card">
    <h2>Core Web Vitals</h2>
    <p class="meta">Field data from real browsers (last 24 hours on this process). Google ranks the 75th percentile. Good: LCP ≤ 2.5s · INP ≤ 200ms · CLS ≤ 0.1.</p>
    {{if not .Vitals.Samples}}<p class="meta">No beacons yet — browse Home, Guide, and a video, then refresh this page.</p>{{end}}
    <div class="stat-grid">
      <div class="stat glow"><b>{{.Vitals.LCP.Disp}}</b><span>LCP · {{.Vitals.LCP.Rating}}</span></div>
      <div class="stat"><b>{{.Vitals.INP.Disp}}</b><span>INP · {{.Vitals.INP.Rating}}</span></div>
      <div class="stat"><b>{{.Vitals.CLS.Disp}}</b><span>CLS · {{.Vitals.CLS.Rating}}</span></div>
      <div class="stat"><b>{{.Vitals.TTFB.Disp}}</b><span>TTFB · {{.Vitals.TTFB.Rating}}</span></div>
      <div class="stat"><b>{{.Vitals.Samples}}</b><span>Beacons</span></div>
    </div>
    <table class="admin-table">
      <thead><tr><th>Metric</th><th>Good</th><th>Needs work</th><th>Poor</th></tr></thead>
      <tbody>
        <tr><td>LCP</td><td>{{.Vitals.LCP.Good}}</td><td>{{.Vitals.LCP.NI}}</td><td>{{.Vitals.LCP.Poor}}</td></tr>
        <tr><td>INP</td><td>{{.Vitals.INP.Good}}</td><td>{{.Vitals.INP.NI}}</td><td>{{.Vitals.INP.Poor}}</td></tr>
        <tr><td>CLS</td><td>{{.Vitals.CLS.Good}}</td><td>{{.Vitals.CLS.NI}}</td><td>{{.Vitals.CLS.Poor}}</td></tr>
        <tr><td>TTFB</td><td>{{.Vitals.TTFB.Good}}</td><td>{{.Vitals.TTFB.NI}}</td><td>{{.Vitals.TTFB.Poor}}</td></tr>
      </tbody>
    </table>
    {{if .Vitals.ByPath}}
    <h3>Poor beacons by path</h3>
    {{range .Vitals.ByPath}}
    <div class="az-row">
      <div class="az-lab"><strong>{{.Label}}</strong></div>
      <div class="az-n">{{.Disp}}</div>
      <div class="az-track cat"><i style="width:{{.Pct}}%"></i></div>
    </div>
    {{end}}
    {{end}}
  </section>
  {{end}}
  {{end}}
</div>
{{template "footer" .}}