FamilyBook/templates/movies/stats.php

<?php
/**
 * 观影统计仪表板（v11，从 MovieLog stats.php 迁入）。
 *
 * 版式对齐家书的暖纸配色（MovieLog 是深色卡片风 —— 只搬功能、不搬皮肤，
 * 免得进到观影模块里突然变成另一个站点）。
 * 条形图是纯 CSS 宽度百分比，不引任何图表库（线上不依赖 CDN）。
 */
$fmtPct = static function (int $v, int $max): float {
    return $max > 0 ? round($v / $max * 100, 2) : 0.0;
};
$maxCinema = 1;
foreach ($byCinema as $r) { $maxCinema = max($maxCinema, (int)$r['cnt']); }
$maxPerson = 1;
foreach ($byPerson as $r) { $maxPerson = max($maxPerson, (int)$r['cnt']); }
$maxMonth = 1;
foreach ($byMonth as $r) { $maxMonth = max($maxMonth, (int)$r['cnt']); }
$maxYear = 1;
foreach ($byYear as $r) { $maxYear = max($maxYear, (int)$r['cnt']); }
$wd = static function (?string $d): string {
    return ($d !== null && $d !== '') ? date('Y年n月j日', strtotime($d)) : '—';
};
?>
<div class="page-head">
  <h1>观影统计</h1>
  <span class="sub">一家人的观影概览</span>
  <div class="actions">
    <a class="btn btn-ghost" href="<?= e(url('movies')) ?>">返回观影</a>
    <?php $setCurrent = 'stats'; $setCanWrite = \App\Auth::canWrite(); require __DIR__ . '/_settings_menu.php'; ?>
  </div>
</div>

<div class="stats-grid">
  <div class="stat-card"><div class="number"><?= (int)$ov['movies'] ?></div><div class="label">电影总数</div></div>
  <div class="stat-card"><div class="number"><?= (int)$ov['cinemas'] ?></div><div class="label">影院数</div></div>
  <div class="stat-card"><div class="number"><?= (int)$ov['persons'] ?></div><div class="label">观影人数</div></div>
  <div class="stat-card"><div class="number"><?= (int)$ov['viewership'] ?></div><div class="label">总观影人次</div></div>
</div>

<?php if ($ov['first_date'] !== null && $ov['last_date'] !== null): ?>
  <div class="card card-pad stats-span">
    <span class="label">观影跨度</span>
    <span class="value"><?= e($wd($ov['first_date'])) ?> ～ <?= e($wd($ov['last_date'])) ?></span>
  </div>
<?php endif; ?>

<div class="chart-card">
  <h3>按影院统计 <span class="hint">电影数量</span></h3>
  <?php if ($byCinema): ?>
    <div class="bar-chart">
      <?php foreach ($byCinema as $r): $c = (string)($r['color'] ?: '#888888'); ?>
        <div class="bar-item">
          <span class="bar-label">
            <span class="color-dot" style="background: <?= e($c) ?>"></span>
            <?= e((string)$r['name']) ?><?php if (trim((string)$r['place']) !== ''): ?><span class="bar-sub"><?= e((string)$r['place']) ?></span><?php endif; ?>
          </span>
          <span class="bar-track"><span class="bar-fill" style="width: <?= e((string)$fmtPct((int)$r['cnt'], $maxCinema)) ?>%; background: <?= e($c) ?>"></span></span>
          <span class="bar-count"><?= (int)$r['cnt'] ?></span>
        </div>
      <?php endforeach; ?>
    </div>
  <?php else: ?>
    <p class="empty-hint">还没有影院数据。到「影院管理」加几家影院，记观影时就能选了。</p>
  <?php endif; ?>
</div>

<div class="two-col">
  <div class="chart-card">
    <h3>按观影人统计 <span class="hint">参与场次</span></h3>
    <?php /* 🔴 v41（用户 2026-10-10）：「每个人不是根据头像，计算出来一个颜色吗？
           按观影人统计那里，那个柱状图显示这个人的颜色。」
           ⇒ 用 `AvatarColor::for()`（全站头像配色**唯一来源**）给柱子上色，
             与这个人在名册/头像圈上的颜色**同一套算法**（同名/同头像必同色）。 */ ?>
    <?php if ($byPerson): ?>
      <div class="bar-chart">
        <?php foreach ($byPerson as $r): $pcol = \App\AvatarColor::for($r); ?>
          <div class="bar-item">
            <span class="bar-label">
              <img class="bar-avatar" src="<?= e(avatar_url($r['avatar'] ?? null)) ?>" alt="">
              <?= e(person_name($r)) ?>
            </span>
            <span class="bar-track"><span class="bar-fill" style="width: <?= e((string)$fmtPct((int)$r['cnt'], $maxPerson)) ?>%; background: <?= e($pcol) ?>"></span></span>
            <span class="bar-count"><?= (int)$r['cnt'] ?></span>
          </div>
        <?php endforeach; ?>
      </div>
    <?php else: ?>
      <p class="empty-hint">还没有观影人数据。</p>
    <?php endif; ?>
  </div>

  <div class="chart-card">
    <h3>按年统计 <span class="hint">观影数量</span></h3>
    <?php /* 🔴 v41：「按年统计，也用不同的颜色来显示。」→ `MovieStats::yearColor()`，
           按年份在色相环上取点（相邻年份色相拉开，且同一年永远同色）。 */ ?>
    <?php if ($byYear): ?>
      <div class="bar-chart">
        <?php foreach ($byYear as $r): ?>
          <div class="bar-item">
            <span class="bar-label"><?= e((string)$r['y']) ?> 年</span>
            <span class="bar-track"><span class="bar-fill" style="width: <?= e((string)$fmtPct((int)$r['cnt'], $maxYear)) ?>%; background: <?= e(\App\MovieStats::yearColor((int)$r['y'])) ?>"></span></span>
            <span class="bar-count"><?= (int)$r['cnt'] ?></span>
          </div>
        <?php endforeach; ?>
      </div>
    <?php else: ?>
      <p class="empty-hint">还没有年份数据。</p>
    <?php endif; ?>
  </div>
</div>

<div class="chart-card">
  <h3>月度趋势 <span class="hint">最近 12 个月</span></h3>
  <?php /* 🔴 v40：与年度报告的「月份分布」**用同一套月配**（`MovieStats::MONTH_COLORS`）——
         同一个月在两个页面必须是同一种颜色，否则用户会以为那是两件不同的事。
         `$r['ym']` 形如 '2026-10'，取月份部分查色。 */ ?>
  <?php if ($byMonth): ?>
    <div class="bar-chart">
      <?php foreach ($byMonth as $r): $ymM = (int)substr((string)$r['ym'], 5, 2); ?>
        <div class="bar-item">
          <span class="bar-label"><?= e((string)$r['ym']) ?></span>
          <span class="bar-track"><span class="bar-fill"
                style="width: <?= e((string)$fmtPct((int)$r['cnt'], $maxMonth)) ?>%;
                       background: <?= e(\App\MovieStats::monthColor($ymM)) ?>"></span></span>
          <span class="bar-count"><?= (int)$r['cnt'] ?></span>
        </div>
      <?php endforeach; ?>
    </div>
  <?php else: ?>
    <p class="empty-hint">还没有月度数据。</p>
  <?php endif; ?>
</div>

<div class="btn-row">
  <a class="btn btn-ghost" href="<?= e(url('movies/report')) ?>">看年度报告</a>
  <a class="btn btn-ghost" href="<?= e(url('movies/search')) ?>">高级搜索</a>
</div>