{{include "header.html"}}
{{include "nav.html"}}

<main class="mx-auto max-w-5xl px-4 py-10 sm:px-6 lg:px-8">
  <div class="rounded-3xl bg-white p-6 shadow-sm ring-1 ring-slate-200">
    <h1 class="text-3xl font-semibold">留言反馈</h1>
    <p class="mt-3 text-sm leading-7 text-slate-600">欢迎提交校园咨询、活动建议、家校沟通或合作意向，我们会尽快处理。</p>
    {{if eq 1 .Site.EnableMessage}}
    <form id="message-form" class="mt-6 space-y-4">
      <div class="grid gap-4 md:grid-cols-2">
        <div>
          <label class="mb-1 block text-sm font-medium text-slate-700">称呼<span class="text-rose-500">*</span></label>
          <input type="text" name="nickname" required class="w-full rounded-xl border border-slate-300 px-4 py-3 outline-none focus:border-primary">
        </div>
        <div>
          <label class="mb-1 block text-sm font-medium text-slate-700">电话<span class="text-rose-500">*</span></label>
          <input type="tel" name="phone" required placeholder="请输入联系电话" class="w-full rounded-xl border border-slate-300 px-4 py-3 outline-none focus:border-primary">
        </div>
        <div>
          <label class="mb-1 block text-sm font-medium text-slate-700">邮箱<span class="text-rose-500">*</span></label>
          <input type="email" name="email" required class="w-full rounded-xl border border-slate-300 px-4 py-3 outline-none focus:border-primary">
        </div>
      </div>
      <div>
        <label class="mb-1 block text-sm font-medium text-slate-700">留言内容<span class="text-rose-500">*</span></label>
        <textarea name="message" rows="6" required class="w-full rounded-xl border border-slate-300 px-4 py-3 outline-none focus:border-primary"></textarea>
      </div>
      <button type="submit" id="submit" class="inline-flex rounded-xl bg-primary px-6 py-3 text-sm font-medium text-white">提交留言</button>
      <div id="form-message" class="hidden rounded-xl p-3 text-sm"></div>
    </form>
    {{else}}
    <div class="mt-6 rounded-2xl bg-slate-50 p-4 text-sm text-slate-600">当前站点未开启留言功能。</div>
    {{end}}
  </div>
</main>

{{include "footer.html"}}
{{include "js.html"}}