FamilyBook/templates/people/pick.php

<?php
/**
 * 「从家里已有的人里挑」—— 添加成员的第二个入口。
 *
 * 为什么要有这一页：同一个人不该被录两遍。
 * 如果张伟已经被妈妈录进名册了，我再走「添加成员」录一遍，
 * 系统里就会出现两条「张伟」—— 账号、亲属关系、生日各存一份，之后永远对不上。
 * 所以这里把「这个家庭里已经有的人」列出来（带账号徽标，好认出是谁），
 * 勾一个就把他**复用**进我的名册，一个字段都不用重填。
 *
 * 需求原话：「当一个用户添加一个名册的时候…如果这个人员信息在系统当中已经存在，
 * 那么他可以直接复用这个人的信息，就不需要再重新录入。」
 */
?>
<?php
/* 🔴 v54（用户 2026-10-16 第 2 条）：打标签的候选 —— 设置页配的词表 ∪ 我用过的词。
   ⚠️ 显式给默认值（模板可能被别处 require、未必总带上这个键）。 */
$tagChoices = $tagChoices ?? [];
$groups     = $groups ?? [];
?>
<div class="page-head">
  <h1>从家里已有的人里挑</h1>
  <span class="sub">选中的会进你的名册，资料共用一份，不会重复录入</span>
  <div class="actions">
    <a class="btn btn-ghost btn-sm" href="<?= e(url('people')) ?>">回名册</a>
  </div>
</div>

<?php if (!$people): ?>
  <div class="empty">
    <b>没有可挑的人了</b>
    家里已经有的人，都在你的名册里了。要加新人就点「添加成员」。
  </div>
<?php else: ?>
  <form method="post" action="<?= e(url('people/pick')) ?>">
    <?= csrf_field() ?>
    <div class="card card-pad">
      <p class="small muted" style="margin:0 0 14px">
        这些人都已经在这个家庭里（可能是别人先录的）。勾上就会出现在你的名册里 ——
        <b>资料是共用的那一份</b>，你以后改的也是同一份。
      </p>

      <?php /* 🔴 v54（用户 2026-10-16 第 2 条）：原来这里是「加进哪一组」的下拉（group_id）。
           用户原话：「现在已经没有分组的概念了，**全部都是标签的概念**。」
           ⇒ 换成**打标签**（与「添加成员」页同一个契约：`name=tags` + `#ptBlock` 那套）。
           候选来自 `PersonTag::choices()`（设置页配的词表 ∪ 我用过的词），
           服务端 people/pick 会把这一串标签逐个落进 person_tags（owner=我）。
           ⚠️ 勾了多个人时，这串标签会**给每个人各打一遍** —— 一次挑进来的人
              往往是同一类（"小学同学"），所以这正是想要的默认。 */ ?>
      <div class="field" style="margin-bottom:16px">
        <label for="pickTags">给他们打标签（可留空，之后在卡片上也能改）</label>
        <?php if (!empty($tagChoices)): ?>
          <div class="pt-picks pf-picks" style="margin-bottom:8px">
            <?php foreach ($tagChoices as $tg): ?>
              <label class="pt-pick">
                <input type="checkbox" value="<?= e((string)$tg) ?>">
                <span>#<?= e((string)$tg) ?></span>
              </label>
            <?php endforeach; ?>
          </div>
        <?php endif; ?>
        <input class="input" id="pickTags" name="tags" maxlength="300"
               placeholder="如：小学同学 球友（用空格分开）" autocomplete="off">
        <span class="tip">一个人可以有多个标签；打上的标签只在你自己的名册里可见。</span>
      </div>

      <?php /* 用户 2026-10-03 第 2 条：所有"找个人"的地方都要**输入即筛选**。
               这一页也是找人的地方（家里已有的人可能有几十个），
               所以同样挂上 filter.js —— 行上带 data-search / data-initials。 */ ?>
      <div class="search pick-search">
        <label class="sr-only" for="pickFilter">筛选</label>
        <input class="input" id="pickFilter" type="text" autocomplete="off"
               data-filter="#pickList" data-filter-empty="#pickEmpty"
               placeholder="输入名字或拼音首字母筛选，如 yyq">
      </div>
      <p class="small muted" id="pickEmpty" hidden>没有匹配的人。</p>

      <ul class="pick-list" id="pickList">
        <?php foreach ($people as $p): $pid = (int)$p['id']; ?>
          <?php
          // 显示名优先用「我怎么称呼他」：别人录的名字未必是我对他的叫法
          $shown = (string)($p['my_nickname'] ?? '');
          if ($shown === '') {
              $shown = (string)$p['name'];
          }
          $pReal = (string)$p['name'];
          ?>
          <li class="pick-row"
              data-search="<?= e($shown . ' ' . $pReal . ' ' . (string)($p['email'] ?? '')) ?>"
              data-initials="<?= e(\App\Pinyin::initials($pReal)) ?>">
            <label class="pick-item">
              <input type="checkbox" name="ids[]" value="<?= $pid ?>">
              <img class="pick-ph" src="<?= e(avatar_url($p['avatar'])) ?>" alt="">
              <span class="pick-name">
                <?= e($shown) ?>
                <?php if ($shown !== (string)$p['name']): ?>
                  <span class="muted small">· 本名 <?= e((string)$p['name']) ?></span>
                <?php endif; ?>
                <?php if (!empty($p['is_placeholder'])): ?><span class="badge">待确认</span><?php endif; ?>
                <?php
                $r = (string)($p['account_role'] ?? '');
                if ($r === 'admin' && ($p['account_status'] ?? '') === 'active') {
                    echo '<span class="badge badge-admin">管理员</span>';
                } elseif ($r === 'guest') {
                    echo '<span class="badge">访客</span>';
                } elseif ($r !== '') {
                    echo '<span class="badge badge-open">已开通</span>';
                }
                ?>
              </span>
            </label>
          </li>
        <?php endforeach; ?>
      </ul>

      <div class="btn-row">
        <button class="btn" type="submit">加进我的名册</button>
        <a class="btn btn-ghost" href="<?= e(url('people')) ?>">取消</a>
      </div>
    </div>
  </form>
<?php endif; ?>