{include file="header" /}
<div class="wrap form-page">
  <h2 class="sec-title">校史征集</h2>
  <p class="hint">感谢你为一中校史馆贡献一份记忆。带 * 为必填，审核通过后将在"校史故事"栏目展示。</p>

  <form id="cForm" action="/school/collection/submit" method="post" enctype="multipart/form-data">
    <input type="hidden" name="__token__" value="{:token()}">

    <label>姓名 *</label>
    <input type="text" name="name" required>

    <label>身份 *</label>
    <select name="identity" required>
      <option value="1">在校学生</option>
      <option value="2">在职教师</option>
      <option value="3">退休教师</option>
      <option value="4">历届校友</option>
      <option value="5">其他</option>
    </select>

    <label>联系电话 *</label>
    <input type="text" name="phone" required>

    <label>邮箱（接收审核结果）</label>
    <input type="email" name="email">

    <label>毕业届别 / 部门</label>
    <input type="text" name="department" placeholder="校友填毕业年份，教师填所在部门">

    <label>资料类型 *</label>
    <select name="type" required>
      <option value="1">老照片</option>
      <option value="2">实物照片</option>
      <option value="3">故事文字</option>
      <option value="4">视频</option>
      <option value="5">其他</option>
    </select>

    <label>资料标题 *</label>
    <input type="text" name="title" required>

    <label>所属年代 *</label>
    <input type="text" name="era" placeholder="如 1990 年代" required>

    <label>详细描述 *</label>
    <textarea name="description" required placeholder="资料背后的故事、背景说明"></textarea>

    <label>文件上传（图片≤5MB 最多9张，或 PDF/Word 文档）</label>
    <input type="file" name="files[]" multiple accept=".jpg,.jpeg,.png,.pdf,.doc,.docx">

    <label>是否匿名展示</label>
    <div>
      <label style="display:inline;font-weight:400"><input type="radio" name="is_anonymous" value="0" checked> 否</label>
      &nbsp;&nbsp;
      <label style="display:inline;font-weight:400"><input type="radio" name="is_anonymous" value="1"> 是</label>
    </div>

    <label>授权声明 *</label>
    <div>
      <label style="display:inline;font-weight:400">
        <input type="checkbox" name="agree" value="1" required>
        本人同意学校将所征集资料用于校史展示、宣传等用途
      </label>
    </div>

    <button type="submit">提交征集</button>
  </form>

  <div id="msg"></div>
</div>

<script>
  document.getElementById('cForm').addEventListener('submit', function (e) {
    e.preventDefault();
    var btn = this.querySelector('button');
    btn.disabled = true;
    var msg = document.getElementById('msg');
    msg.className = ''; msg.style.display = 'none';
    fetch('/school/collection/submit', {
      method: 'POST',
      body: new FormData(this)
    }).then(function (r) { return r.json(); }).then(function (d) {
      btn.disabled = false;
      msg.style.display = 'block';
      if (d.code === 0) {
        msg.className = 'ok';
        msg.textContent = d.msg;
        document.getElementById('cForm').reset();
      } else {
        msg.className = 'err';
        msg.textContent = d.msg || '提交失败';
      }
    }).catch(function () {
      btn.disabled = false;
      msg.style.display = 'block';
      msg.className = 'err';
      msg.textContent = '网络错误，请重试';
    });
  });
</script>
{include file="footer" /}