FamilyBook/templates/people/form.php

<?php
$isEdit = !empty($person['id']);
$avatarUrl = \App\Upload::avatarUrl($person['avatar'] ?? null);
?>

<div class="page-head">
  <h1><?= $isEdit ? '编辑成员' : '添加成员' ?></h1>
  <span class="sub"><?= $isEdit ? e($person['name']) : '填姓名就行，其他都可以以后再补' ?></span>
</div>

<form method="post" enctype="multipart/form-data"
      action="<?= e(url($isEdit ? 'people/update' : 'people/create')) ?>">
  <?= csrf_field() ?>
  <?php if ($isEdit): ?>
    <input type="hidden" name="id" value="<?= (int)$person['id'] ?>">
  <?php endif; ?>

  <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', $person['name'] ?? '')) ?>" required>
        <?php if (!empty($errors['name'])): ?><span class="err"><?= e($errors['name']) ?></span><?php endif; ?>
      </div>

      <div class="field">
        <label for="nickname">小名</label>
        <input class="input" id="nickname" name="nickname"
               value="<?= e(old('nickname', $person['nickname'] ?? '')) ?>" placeholder="家里怎么叫他/她">
      </div>

      <div class="field">
        <label for="gender">性别</label>
        <select class="select" id="gender" name="gender">
          <?php $g = old('gender', $person['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">
        <label for="birthday">生日</label>
        <input class="input" id="birthday" name="birthday" type="date"
               value="<?= e(old('birthday', $person['birthday'] ?? '')) ?>">
        <span class="tip">填了之后，首页会提醒还有几天过生日。</span>
        <?php if (!empty($errors['birthday'])): ?><span class="err"><?= e($errors['birthday']) ?></span><?php endif; ?>
      </div>

      <div class="field">
        <label for="phone">手机号</label>
        <input class="input" id="phone" name="phone" inputmode="numeric"
               value="<?= e(old('phone', $phoneValue ?? '')) ?>" placeholder="可留空">
        <span class="tip">开通登录后用它登录；加密存储，列表里只显示部分。</span>
        <?php if (!empty($errors['phone'])): ?><span class="err"><?= e($errors['phone']) ?></span><?php endif; ?>
      </div>

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

      <div class="field full">
        <label for="id_card">身份证号</label>
        <input class="input mono" id="id_card" name="id_card"
               value="<?= e(old('id_card', $idCardValue ?? '')) ?>" placeholder="可留空">
        <span class="tip">
          加密存储，页面上一律只显示前 6 后 4 位。
          家庭场景里真正需要它的场合很少 —— 能不填就别填。
        </span>
        <?php if (!empty($errors['id_card'])): ?><span class="err"><?= e($errors['id_card']) ?></span><?php endif; ?>
      </div>

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

      <div class="field full">
        <label for="note">备注</label>
        <textarea class="input" id="note" name="note" placeholder="爱吃辣、对芒果过敏、怕坐过山车……"><?= e(old('note', $person['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 class="field">
        <label for="sort_order">排序号</label>
        <input class="input" id="sort_order" name="sort_order" type="number"
               value="<?= e(old('sort_order', $person['sort_order'] ?? 1000)) ?>">
        <span class="tip">小的排前面。</span>
      </div>

    </div>

    <div class="btn-row">
      <button class="btn" type="submit"><?= $isEdit ? '保存' : '加入名册' ?></button>
      <a class="btn btn-ghost" href="<?= e($isEdit ? url('people/show', ['id' => (int)$person['id']]) : url('people')) ?>">取消</a>
    </div>
  </div>
</form>