FamilyBook/templates/movies/report.php

<?php
/**
 * 年度观影报告（v11，从 MovieLog annual_report.php 迁入）。
 *
 * ⚠️ 与 MovieLog 唯一的实质差异：那边月份/星期两张图靠外部图表库脚本渲染，
 *    家书这边**不引任何外部脚本** —— 图表全部用 CSS 画（月份是竖柱、星期是横条）。
 *    理由：线上不依赖外网 CDN 是既有纪律（家书连字体都是系统字体），
 *    而且这两张图的信息量很小，CSS 完全够用。
 *
 * 「我」的口径与 MovieLog 一致：报告只统计**登录者参与过**的场次。
 */
$wd        = ['日', '一', '二', '三', '四', '五', '六'];
$monthMax  = max(1, max(array_values($stats['month_distribution'])));
$weekdayMax = max(1, max(array_values($stats['weekday_distribution'])));
$hasData   = (int)$stats['total'] > 0;
$fmtDate   = static function (?string $d): string {
    return ($d !== null && $d !== '') ? date('Y年n月j日', strtotime($d)) : '—';
};
?>
<div class="page-head">
  <h1><?= (int)$year ?> 年度观影报告</h1>
  <span class="sub"><?= e($meName) ?> 这一年看了 <?= (int)$stats['total'] ?> 场</span>
  <div class="actions">
    <form method="get" action="index.php" class="year-pick">
      <input type="hidden" name="r" value="movies/report">
      <select class="select" name="year" onchange="this.form.submit()" aria-label="选择年份">
        <?php foreach ($years as $y): ?>
          <option value="<?= (int)$y ?>" <?= (int)$y === (int)$year ? 'selected' : '' ?>><?= (int)$y ?> 年</option>
        <?php endforeach; ?>
      </select>
    </form>
    <a class="btn btn-ghost" href="<?= e(url('movies')) ?>">返回观影</a>
    <?php $setCurrent = 'report'; $setCanWrite = \App\Auth::canWrite(); require __DIR__ . '/_settings_menu.php'; ?>
  </div>
</div>

<?php if (!$hasData): ?>
  <div class="card card-pad empty">
    <b><?= (int)$year ?> 年还没有你的观影记录</b>
    换一个年份看看，或者先去记一场电影。
  </div>
<?php else: ?>

  <div class="report-grid">
    <div class="report-card"><div class="n"><?= (int)$stats['total'] ?></div><div class="l">观影场次</div></div>
    <div class="report-card"><div class="n"><?= (int)$stats['days'] ?></div><div class="l">看电影的天数</div></div>
    <div class="report-card"><div class="n"><?= e((string)$stats['avg_per_month']) ?></div><div class="l">月均场次</div></div>
    <div class="report-card"><div class="n"><?= e((string)$stats['avg_days_between']) ?></div><div class="l">平均几天看一场</div></div>
  </div>

  <div class="report-grid two">
    <div class="report-card wide">
      <div class="l">最常去的影院</div>
      <div class="v"><?= e((string)$stats['top_cinema']) ?></div>
      <?php if ((int)$stats['top_cinema_count'] > 0): ?><div class="s">去了 <?= (int)$stats['top_cinema_count'] ?> 次</div><?php endif; ?>
    </div>
    <div class="report-card wide">
      <div class="l">一起看电影最多的人</div>
      <div class="v"><?= e((string)$stats['top_person']) ?></div>
      <?php if ((int)$stats['top_person_count'] > 0): ?><div class="s">同场 <?= (int)$stats['top_person_count'] ?> 次</div><?php endif; ?>
    </div>
    <div class="report-card wide">
      <div class="l">同场人最多的一部</div>
      <div class="v"><?= e((string)$stats['most_viewers_movie']) ?></div>
      <?php if ((int)$stats['most_viewers_count'] > 0): ?><div class="s"><?= (int)$stats['most_viewers_count'] ?> 人一起看</div><?php endif; ?>
    </div>
    <div class="report-card wide">
      <div class="l">这一年从 <?= e($fmtDate($stats['first_date'])) ?></div>
      <div class="v">到 <?= e($fmtDate($stats['last_date'])) ?></div>
      <div class="s"><?= (int)$stats['days'] ?> 个不同的日子走进电影院</div>
    </div>
  </div>

  <div class="card card-pad">
    <h3 class="section-title">月份分布 <span class="hint">每个月看几场</span></h3>
    <div class="vgrid">
      <?php foreach ($stats['month_distribution'] as $m => $cnt): ?>
        <div class="vcol" title="<?= (int)$m ?> 月：<?= (int)$cnt ?> 场">
          <span class="vbar" style="height: <?= e((string)round((int)$cnt / $monthMax * 100, 2)) ?>%"></span>
          <span class="vlab"><?= (int)$m ?>月</span>
          <span class="vnum"><?= (int)$cnt ?></span>
        </div>
      <?php endforeach; ?>
    </div>
  </div>

  <div class="card card-pad">
    <h3 class="section-title">星期分布 <span class="hint">哪天最常去</span></h3>
    <div class="bar-chart">
      <?php foreach ($wd as $w): $c = (int)$stats['weekday_distribution'][$w]; ?>
        <div class="bar-item">
          <span class="bar-label">周<?= e($w) ?></span>
          <span class="bar-track"><span class="bar-fill bar-fill-alt" style="width: <?= e((string)round($c / $weekdayMax * 100, 2)) ?>%"></span></span>
          <span class="bar-count"><?= $c ?></span>
        </div>
      <?php endforeach; ?>
    </div>
  </div>

  <?php if ($stats['keywords']): ?>
    <div class="card card-pad">
      <h3 class="section-title">这一年常出现的词 <span class="hint">从你的备注里数的</span></h3>
      <div class="kw-cloud">
        <?php foreach ($stats['keywords'] as $kw): ?><span class="kw"><?= e((string)$kw) ?></span><?php endforeach; ?>
      </div>
    </div>
  <?php endif; ?>

  <?php if ($stats['my_movies']): ?>
    <div class="card card-pad">
      <h3 class="section-title">这一年的片单 <span class="hint"><?= count($stats['my_movies']) ?> 部</span></h3>
      <div class="waterfall">
        <?php foreach ($stats['my_movies'] as $mv): ?>
          <a class="movie-card" href="<?= e(url('movies/show', ['id' => (int)$mv['id']])) ?>">
            <span class="card-image">
              <?php if (!empty($mv['poster_key'])): ?>
                <img src="<?= e(media_url($mv['poster_key'])) ?>" alt="<?= e($mv['title']) ?>" loading="lazy">
              <?php else: ?>
                <span class="placeholder-poster">
                  <span class="ph-icon" aria-hidden="true">影</span>
                  <span class="placeholder-title"><?= e($mv['title']) ?></span>
                </span>
              <?php endif; ?>
            </span>
            <span class="card-body">
              <span class="card-title"><?= e($mv['title']) ?></span>
              <span class="card-meta">
                <span>📅 <?= e(\App\Movie::formatWatch($mv['starts_at'], null)) ?></span>
              </span>
              <?php if (!empty($mv['viewers'])): ?>
                <span class="card-viewers">
                  <?php foreach ($mv['viewers'] as $vw): ?>
                    <span class="viewer-tag"><img src="<?= e(avatar_url($vw['avatar'] ?? null)) ?>" alt=""><?= e((string)$vw['name']) ?></span>
                  <?php endforeach; ?>
                </span>
              <?php endif; ?>
            </span>
          </a>
        <?php endforeach; ?>
      </div>
    </div>
  <?php endif; ?>

<?php endif; ?>