FamilyBook/templates/ledger/index.php

<?php
/**
 * 财务 / 账本（v24 用户第 15 条；2026-10-03 第 7、8 条重排）。
 *
 * 用户要求的页面结构（第 7 条原话）：
 *   「上面是概览，下面就是具体账目，添加账目的功能和新增日程之类的一样，
 *     放在右侧的按钮。……共享账本，改名等内容，都放在账本的设置中，
 *     也是一样的，在新建账目按钮旁边，加一个设置按钮，在里面对账本进行设置、共享等。
 *     挂在谁名下，应该默认是自己，如果要更改，点一下，弹出选人框。」
 *
 * 第 8 条（盘点）：
 *   「我点击盘点，让我对一个账目的金额进行重新输入，但是盘点之前的账目数目不能清空，
 *     要记住，这样的话，每个账目的变化，就知道了……然后把这种变化，每个账目的
 *     金额变化，还有总金额的变化，在账本列表上面，画出一个图，折线图这样的。」
 *   → 所以「账目」这块的最上面是**图**（整本账 + 每条有盘点记录的账目），
 *     下面是账目表，每行带一个「盘点」入口。
 *
 * ⚠️ 金额全程以**分**参与计算（Ledger 里做的），这里只负责显示成元。
 *    任何地方都不要拿元去加总。
 *
 * @param array $books    我能看到的账本（带 my_perm / entry_count）
 * @param array $cur      当前账本
 * @param array $entries  当前账本的账目
 * @param array $summary  ['asset','debt','net','by_kind','count']（单位：分）
 * @param array $shares   当前账本的共享列表
 * @param array $charts   有盘点历史的账目 → ['entry'=>行, 'series'=>[…] ]
 * @param array $timeline 整本账的净资产时间线
 * @param array $people   名册
 */
$canWrite = \App\Auth::canWrite() && \App\Ledger::canWrite($cur);
$curId    = (int)$cur['id'];
$money    = static fn($c): string => \App\Ledger::money($c);
$charts   = $charts ?? [];
$timeline = $timeline ?? [];
// 用户第 8 条：「挂在谁名下，应该默认是自己」。这里的 $me 由 index.php 传进来（当前登录者）。
// ⚠️ 别用 `$me ?? 0` 再判 0 —— 那样一旦没传进来就会静默变成"不选"，看着像默认值丢了。
$ledMe    = (int)($me ?? 0);
?>
<div class="page-head">
  <h1>财务</h1>
  <span class="sub"><?= e((string)$cur['name']) ?> · 共享后双方都能记、都能看</span>
  <div class="actions">
    <?php /* 用户第 7 条：加账目 = 右侧按钮（与「新建日程」同一套） */ ?>
    <?php if ($canWrite): ?>
      <button class="btn" type="button" id="ledAddBtn">记一笔</button>
    <?php else: ?>
      <span class="link-quiet">只读</span>
    <?php endif; ?>
    <?php /* 用户第 7 条：共享 / 改名 / 新建 / 删除 全在账本设置里（☰） */ ?>
    <?php $setCurrent = 'book'; require __DIR__ . '/_settings_menu.php'; ?>
  </div>
</div>

<?php if (count($books) > 1): ?>
  <div class="seg">
    <?php foreach ($books as $b): ?>
      <a class="seg-btn<?= (int)$b['id'] === $curId ? ' is-on' : '' ?>"
         href="<?= e(url('ledger', ['book' => (int)$b['id']])) ?>">
        <?= e((string)$b['name']) ?><?= ($b['my_perm'] ?? '') === 'read' ? '（只读）' : '' ?>
      </a>
    <?php endforeach; ?>
  </div>
<?php endif; ?>

<?php /* ==================== ① 概览 ==================== */ ?>
<div class="card card-pad led-sum">
  <div class="led-sum-head">
    <h2 class="cinema-h2" style="margin:0"><?= e((string)$cur['name']) ?></h2>
    <span class="small muted">
      <?= (int)($cur['entry_count'] ?? count($entries)) ?> 笔账
      <?php if (($cur['my_perm'] ?? '') === 'read'): ?>
        · <b>只读</b>（不能记账）
      <?php endif; ?>
    </span>
  </div>
  <div class="led-total">
    <div class="led-total-item">
      <span class="led-total-lb">总资产</span>
      <span class="led-total-num led-asset"><?= e($money($summary['asset'])) ?></span>
    </div>
    <div class="led-total-item">
      <span class="led-total-lb">总负债</span>
      <span class="led-total-num led-debt"><?= e($money($summary['debt'])) ?></span>
    </div>
    <div class="led-total-item led-net">
      <span class="led-total-lb">净资产</span>
      <span class="led-total-num"><?= e($money($summary['net'])) ?></span>
    </div>
  </div>
  <?php if ($summary['by_kind']): ?>
    <div class="led-kinds">
      <?php foreach ($summary['by_kind'] as $k => $c): ?>
        <span class="led-kind-chip<?= \App\Ledger::isDebt((string)$k) ? ' is-debt' : '' ?>">
          <?= \App\Ledger::kindIcon((string)$k) ?> <?= e(\App\Ledger::kindWord((string)$k)) ?>
          <b><?= e($money($c)) ?></b>
        </span>
      <?php endforeach; ?>
    </div>
  <?php endif; ?>
</div>

<?php if ($canWrite): ?>
  <div class="card card-pad led-add" id="ledAddCard" hidden>
    <h2 class="cinema-h2">记一笔</h2>
    <form method="post" action="<?= e(url('ledger/entry_add')) ?>">
      <?= csrf_field() ?>
      <input type="hidden" name="ledger_id" value="<?= $curId ?>">
      <div class="form-grid">
        <div class="field">
          <label for="le-kind">类别 *</label>
          <select class="select" id="le-kind" name="kind">
            <?php foreach (\App\Ledger::KINDS as $k => $v): ?>
              <option value="<?= e($k) ?>"><?= e($v[2] . ' ' . $v[0]) ?><?= $v[1] === 'debt' ? '（负债）' : '' ?></option>
            <?php endforeach; ?>
          </select>
        </div>
        <div class="field">
          <label for="le-title">名称 *</label>
          <input class="input" id="le-title" name="title" required placeholder="如：工商银行定期">
        </div>
        <div class="field">
          <label for="le-amount">金额（元）*</label>
          <input class="input" id="le-amount" name="amount" required inputmode="decimal"
                 placeholder="如：120000.00">
          <span class="tip">负债（贷款/信用卡）也填正数，系统按类别算成负债。</span>
        </div>
        <div class="field">
          <?php /* 用户第 7 条：「挂在谁名下，应该默认是自己，如果要更改，点一下，弹出选人框」
                    —— 用全局选人组件（与观影选人同一套，含拼音首字母联想）。 */ ?>
          <label>挂在谁名下</label>
          <?php
          $ppName     = 'person_id';
          $ppPeople   = $people;
          // 默认就是**我自己**（用户第 8 条）。单选组件按 $ppSelected 勾选并渲染 chip，
          // 传 [0] 的话会渲染成"未选择"——所以必须传真实 id。
          $ppSelected = $ledMe > 0 ? [$ledMe] : [];
          $ppMode     = 'single';
          $ppOpenBtn  = '更换归属人';
          $ppTitle    = '这笔账挂在谁名下';
          $ppEmptyText= '不指定';
          $ppAllowEmpty = true;
          require __DIR__ . '/../_person_picker.php';
          ?>
        </div>
        <div class="field full">
          <label for="le-note">备注</label>
          <input class="input" id="le-note" name="note" placeholder="可选">
        </div>
      </div>
      <div class="btn-row"><button class="btn" type="submit">添加账目</button></div>
    </form>
  </div>
<?php endif; ?>

<?php /* ==================== ② 变化图（用户第 8 条）==================== */ ?>
<?php if ($charts || count($timeline) > 1): ?>
  <div class="card card-pad led-charts">
    <h2 class="cinema-h2">
      金额变化
      <span class="hint">每次「盘点」记一个点，旧数字不会被清掉</span>
    </h2>
    <div class="ck-grid">
      <?php if (count($timeline) > 1): ?>
        <div class="ck-card">
          <div class="ck-head">
            <b>整本账 · 净资产</b>
            <span class="small muted"><?= count($timeline) ?> 个时间点</span>
          </div>
          <?= chart_line($timeline, '净资产', 'asset', 320) ?>
        </div>
      <?php endif; ?>
      <?php foreach ($charts as $ch): ?>
        <?php $en = $ch['entry']; $ek = (string)$en['kind']; ?>
        <div class="ck-card">
          <div class="ck-head">
            <b><?= e((string)$en['title']) ?></b>
            <span class="small muted">
              <?= \App\Ledger::kindIcon($ek) ?> <?= e(\App\Ledger::kindWord($ek)) ?>
              · <?= count($ch['series']) ?> 个点
            </span>
          </div>
          <?= chart_line($ch['series'], (string)$en['title'], \App\Ledger::isDebt($ek) ? 'debt' : 'asset', 320) ?>
        </div>
      <?php endforeach; ?>
    </div>
    <?php if (!$charts): ?>
      <p class="small muted" style="margin:8px 2px 0">
        还没有任何盘点记录 —— 下面账目表里每行都有「盘点」，盘过之后这里就会出现它自己的曲线。
      </p>
    <?php endif; ?>
  </div>
<?php endif; ?>

<?php /* ==================== ③ 账目 ==================== */ ?>
<div class="card card-pad">
  <h2 class="cinema-h2">账目（<?= count($entries) ?>）</h2>
  <?php if (!$entries): ?>
    <p class="empty-hint">这本账还没有账目。上面「记一笔」开始记吧。</p>
  <?php else: ?>
    <div class="table-wrap">
      <table class="table">
        <thead>
          <tr><th>类别</th><th>名称</th><th class="num">金额</th><th>挂在谁名下</th><th>备注</th><th></th></tr>
        </thead>
        <tbody>
          <?php foreach ($entries as $en): ?>
            <?php $ek = (string)$en['kind']; $debt = \App\Ledger::isDebt($ek); $eid = (int)$en['id']; ?>
            <tr>
              <td class="nowrap">
                <span class="led-kind-chip<?= $debt ? ' is-debt' : '' ?>">
                  <?= \App\Ledger::kindIcon($ek) ?> <?= e(\App\Ledger::kindWord($ek)) ?>
                </span>
              </td>
              <td><?= e((string)$en['title']) ?></td>
              <td class="num<?= $debt ? ' led-debt' : ' led-asset' ?>">
                <?= $debt ? '-' : '' ?><?= e($money((int)$en['amount_cents'])) ?>
              </td>
              <td class="nowrap">
                <?php if (!empty($en['person_name'])): ?>
                  <?= person_chip([
                      'id' => (int)$en['person_id'], 'name' => (string)$en['person_name'],
                      'my_nickname' => (string)($en['person_nick'] ?? ''),
                      'avatar' => $en['avatar'] ?? null, 'avatar_color' => $en['avatar_color'] ?? null,
                  ]) ?>
                <?php else: ?><span class="small muted">—</span><?php endif; ?>
              </td>
              <td class="small muted"><?= e((string)($en['note'] ?? '')) ?></td>
              <td class="nowrap">
                <?php if ($canWrite): ?>
                  <details class="led-edit">
                    <summary class="link-quiet">操作</summary>

                    <?php /* ---- 盘点（用户第 8 条）：重新输一个金额，旧值进历史 ---- */ ?>
                    <form method="post" action="<?= e(url('ledger/reconcile')) ?>" class="node-form led-recon">
                      <?= csrf_field() ?>
                      <input type="hidden" name="ledger_id" value="<?= $curId ?>">
                      <input type="hidden" name="id" value="<?= $eid ?>">
                      <h4 class="led-form-h">盘点这笔（旧金额会记进历史）</h4>
                      <div class="nf-grid">
                        <div class="field">
                          <label>盘点后的金额（元）</label>
                          <input class="input" name="amount" inputmode="decimal" required
                                 value="<?= e(\App\Ledger::amountYuan((int)$en['amount_cents'])) ?>">
                        </div>
                        <div class="field">
                          <label>盘点备注</label>
                          <input class="input" name="note" placeholder="如：2026 年初盘点">
                        </div>
                      </div>
                      <div class="btn-row"><button class="btn btn-sm" type="submit">盘点</button></div>
                      <?php if (\App\Ledger::history($eid)): ?>
                        <details class="led-hist">
                          <summary class="link-quiet">看历史（<?= count(\App\Ledger::history($eid)) ?> 次）</summary>
                          <ul class="led-hist-list">
                            <?php foreach (\App\Ledger::history($eid) as $hs): ?>
                              <li>
                                <span class="nowrap"><?= e(substr((string)$hs['created_at'], 0, 10)) ?></span>
                                <b><?= e($money((int)$hs['amount_cents'])) ?></b>
                                <?php if (($hs['note'] ?? '') !== ''): ?>
                                  <span class="muted small"><?= e((string)$hs['note']) ?></span>
                                <?php endif; ?>
                              </li>
                            <?php endforeach; ?>
                          </ul>
                        </details>
                      <?php endif; ?>
                    </form>

                    <?php /* ---- 改 / 删（改 = 修正录错了，与"盘点"是两件事，见 Ledger::reconcile）---- */ ?>
                    <form method="post" action="<?= e(url('ledger/entry_update')) ?>" class="node-form">
                      <?= csrf_field() ?>
                      <input type="hidden" name="ledger_id" value="<?= $curId ?>">
                      <input type="hidden" name="id" value="<?= $eid ?>">
                      <h4 class="led-form-h">更正这笔（当作当初就录错了，不留历史）</h4>
                      <div class="nf-grid">
                        <div class="field">
                          <label>类别</label>
                          <select class="select" name="kind">
                            <?php foreach (\App\Ledger::KINDS as $k => $v): ?>
                              <option value="<?= e($k) ?>" <?= $ek === $k ? 'selected' : '' ?>>
                                <?= e($v[0]) ?>
                              </option>
                            <?php endforeach; ?>
                          </select>
                        </div>
                        <div class="field">
                          <label>名称</label>
                          <input class="input" name="title" value="<?= e((string)$en['title']) ?>" required>
                        </div>
                        <div class="field">
                          <label>金额（元）</label>
                          <input class="input" name="amount"
                                 value="<?= e(\App\Ledger::amountYuan((int)$en['amount_cents'])) ?>" required>
                        </div>
                        <div class="field">
                          <label>备注</label>
                          <input class="input" name="note" value="<?= e((string)($en['note'] ?? '')) ?>">
                        </div>
                      </div>
                      <div class="btn-row"><button class="btn btn-sm" type="submit">保存更正</button></div>
                    </form>
                    <form method="post" action="<?= e(url('ledger/entry_del')) ?>" class="res-inline">
                      <?= csrf_field() ?>
                      <input type="hidden" name="ledger_id" value="<?= $curId ?>">
                      <input type="hidden" name="id" value="<?= $eid ?>">
                      <button class="btn btn-ghost btn-sm" type="submit"
                              onclick="return confirm('删掉这笔账目？')">删除</button>
                    </form>
                  </details>
                <?php endif; ?>
              </td>
            </tr>
          <?php endforeach; ?>
        </tbody>
        <tfoot>
          <tr>
            <th colspan="2">合计（资产 − 负债）</th>
            <th class="num led-net"><?= e($money($summary['net'])) ?></th>
            <th colspan="3"></th>
          </tr>
        </tfoot>
      </table>
    </div>
  <?php endif; ?>
</div>

<script>
(function () {
  var btn = document.getElementById('ledAddBtn');
  var card = document.getElementById('ledAddCard');
  if (!btn || !card) return;
  btn.addEventListener('click', function () {
    card.hidden = !card.hidden;
    btn.textContent = card.hidden ? '记一笔' : '收起';
    if (!card.hidden) { card.scrollIntoView({ block: 'nearest' }); }
  });
})();
</script>