FamilyBook/templates/people/me.php

<?php
/**
 * 「我的资料」—— 每个人自己的页面。
 *
 * 从顶栏的头像/名字一点就到，不用再绕「名册 → 找到自己 → 编辑资料」三步。
 *
 * 这里只放**属于我自己的**东西：
 *   · 我的姓名、性别、头像、联系方式、备注
 *   · 我的三个生日（身份证生日只读，由证件推导）
 *   · 我的 slogan（没填就用家庭统一的那句）
 *   · **我怎么称呼别人** —— 这是视角属性，只有我自己能定，改了也只影响我自己看到的
 * 排行、排序号、虚拟人物标记、以及会牵动身份证生日的身份证号，
 * 都属于"管理员编名册"，不在这里（这也是为了不让一次自助提交悄悄改掉这些）。
 */
$p         = $person;
$isSelf    = true;
$avatarUrl = avatar_url($p['avatar'] ?? null);
$bdSource  = old('birthday_source', 'solar');
$idBd      = trim((string)($p['birthday_id_card'] ?? ''));

// 我已设过的称呼：target_id => nickname
$myNicks = [];
foreach ($nicknames as $n) {
    $myNicks[(int)$n['target_id']] = (string)$n['nickname'];
}
?>

<div class="page-head">
  <h1>我的资料</h1>
  <span class="sub">你自己看到的样子 · 别人看到你的名字不变</span>
  <div class="actions">
    <a class="btn btn-ghost btn-sm" href="<?= e(url('auth/password')) ?>">改密码</a>
    <a class="btn btn-ghost btn-sm" href="<?= e(url('people/show', ['id' => (int)$p['id']])) ?>">看我的详情页</a>
  </div>
</div>

<form method="post" enctype="multipart/form-data" action="<?= e(url('people/me_save')) ?>">
  <?= csrf_field() ?>
  <div class="card card-pad">
    <div class="form-grid">

      <div class="field">
        <label for="name">姓名 *</label>
        <input class="input" id="name" name="name" value="<?= e(old('name', $p['name'])) ?>" required>
        <?php if (!empty($errors['name'])): ?><span class="err"><?= e($errors['name']) ?></span><?php endif; ?>
      </div>

      <div class="field">
        <label for="gender">性别</label>
        <select class="select" id="gender" name="gender">
          <?php $g = old('gender', $p['gender'] ?? ''); ?>
          <option value=""   <?= $g === ''  ? 'selected' : '' ?>>不填</option>
          <option value="m"  <?= $g === 'm' ? 'selected' : '' ?>>男</option>
          <option value="f"  <?= $g === 'f' ? 'selected' : '' ?>>女</option>
        </select>
      </div>

      <div class="field full">
        <label for="slogan">我的一句话</label>
        <input class="input" id="slogan" name="slogan" maxlength="200"
               value="<?= e(old('slogan', $p['slogan'] ?? '')) ?>"
               placeholder="留空就用家庭统一的那句：<?= e($familyMotto !== '' ? $familyMotto : '（还没设）') ?>">
        <span class="tip">显示在你自己的首页标题下面。</span>
        <?php if (!empty($errors['slogan'])): ?><span class="err"><?= e($errors['slogan']) ?></span><?php endif; ?>
      </div>

      <!-- ==================== 我的三个生日 ==================== -->
      <div class="field full">
        <label>我的生日</label>
        <p class="small muted" style="margin:0 0 12px">
          身份证上的那个由证件推导，<b>系统永远不会改它</b>；
          下面两个是"实际过的阳历生日"和"长辈记的农历生日"。
          改其中任意一个，另一个会自动跟着变。
        </p>

        <div class="field" style="margin-bottom:12px">
          <label>身份证生日（只读）</label>
          <span class="bd-readonly"><?= $idBd !== '' ? e($idBd) : '名册里还没填身份证号' ?></span>
        </div>

        <div class="bd-source">
          <label for="bdSource">我这次改的是</label>
          <select class="select" id="bdSource" name="birthday_source" style="width:auto">
            <option value="solar" <?= $bdSource === 'solar' ? 'selected' : '' ?>>阳历（公历）</option>
            <option value="lunar" <?= $bdSource === 'lunar' ? 'selected' : '' ?>>农历（阴历）</option>
          </select>
          <span class="small muted">选中的那一边为准，另一边自动算</span>
        </div>

        <div class="bd-pane" id="bdSolarWrap">
          <p class="bd-pane-k">阳历生日</p>
          <?php
          $dtName    = 'birthday_solar';
          $dtValue   = old('birthday_solar', \App\Birthday::pretty(\App\Birthday::solarOf($p)));
          $dtId      = 'birthday_solar_date';
          $dtRequired = false;
          require __DIR__ . '/../_datetime.php';
          ?>
          <?php if (!empty($errors['birthday_solar'])): ?><span class="err"><?= e($errors['birthday_solar']) ?></span><?php endif; ?>
        </div>

        <div class="bd-pane" id="bdLunarWrap">
          <p class="bd-pane-k">农历生日</p>
          <?php
          $dtName    = 'birthday_lunar';
          $dtValue   = old('birthday_lunar', (string)($p['birthday_lunar'] ?? ''));
          $dtId      = 'birthday_lunar_date';
          $dtRequired = false;
          require __DIR__ . '/../_datetime.php';
          ?>
          <label class="check-item" style="margin-top:8px">
            <input type="checkbox" name="birthday_lunar_leap" value="1"
                   <?= old('birthday_lunar_leap', $p['birthday_lunar_leap'] ?? 0) ? 'checked' : '' ?>>
            <span>这个月是<b>闰月</b>（如「闰六月」）</span>
          </label>
          <?php if (!empty($errors['birthday_lunar'])): ?><span class="err"><?= e($errors['birthday_lunar']) ?></span><?php endif; ?>
        </div>
      </div>

      <div class="field">
        <label for="email">邮箱</label>
        <input class="input" id="email" name="email" type="email"
               value="<?= e(old('email', $p['email'] ?? '')) ?>">
        <?php if (!empty($errors['email'])): ?><span class="err"><?= e($errors['email']) ?></span><?php endif; ?>
      </div>

      <div class="field">
        <label for="address">住址</label>
        <input class="input" id="address" name="address"
               value="<?= e(old('address', $p['address'] ?? '')) ?>">
      </div>

      <div class="field full">
        <label for="note">备注</label>
        <textarea class="input" id="note" name="note"><?= e(old('note', $p['note'] ?? '')) ?></textarea>
      </div>

      <div class="field">
        <label for="avatar">换头像</label>
        <input class="input" id="avatar" name="avatar" type="file" accept="image/*">
        <span class="tip">会自动裁成正方形，上限 5MB。</span>
      </div>
      <div class="field">
        <label>当前头像</label>
        <img id="avatar-preview" src="<?= e($avatarUrl) ?>" alt=""
             style="width:88px;height:88px;border-radius:12px;object-fit:cover;border:1px solid var(--line)">
      </div>

    </div>

    <div class="btn-row">
      <button class="btn" type="submit">保存我的资料</button>
    </div>
  </div>
</form>

<!-- ==================== 我怎么称呼别人 ==================== -->
<div class="card card-pad" style="margin-top:20px">
  <h2 class="section-title">
    我怎么称呼家人
    <span class="hint">只影响你自己看到的叫法</span>
  </h2>
  <p class="small muted" style="margin:0 0 16px">
    同一个「小明」，妈妈叫"明明"、姐姐叫"小弟" —— 称呼是**每个人各自定的**，
    不是这个人自带的属性。所以这里改的只影响你自己的页面，别人看到的还是他们自己的叫法。
    留空 = 恢复成用姓名显示。
  </p>

  <?php if (!$options): ?>
    <p class="small muted" style="margin:0">名册里还没有别人。</p>
  <?php else: ?>
    <div class="nick-list">
      <?php foreach ($options as $o): $oid = (int)$o['id']; ?>
        <form method="post" action="<?= e(url('nickname/save')) ?>" class="nick-row">
          <?= csrf_field() ?>
          <input type="hidden" name="target_id" value="<?= $oid ?>">
          <input type="hidden" name="back" value="people/me">
          <span class="nick-who">
            <img src="<?= e(avatar_url($o['avatar'] ?? '')) ?>" alt="">
            <span><?= e((string)$o['name']) ?></span>
          </span>
          <input class="input" name="nickname" maxlength="50"
                 value="<?= e($myNicks[$oid] ?? '') ?>" placeholder="我叫他/她…">
          <button class="btn btn-ghost btn-sm" type="submit">记下</button>
        </form>
      <?php endforeach; ?>
    </div>
  <?php endif; ?>
</div>