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

<section class="bg-slate-50 py-12">
  <div class="max-w-3xl mx-auto px-4">
    <h1 class="text-3xl font-bold text-slate-900 mb-2">在线询盘</h1>
    <p class="text-slate-500 mb-8">填写您的设备需求,我们的方案工程师会在 1 个工作日内回复您。</p>

    {{if .Site}}{{if eq .Site.EnableMessage 1}}
    <form id="messageForm" class="space-y-4 bg-white rounded-xl shadow border border-slate-200 p-6">
      <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <input name="nickname" placeholder="您的称呼 *" required class="w-full px-4 py-3 border border-slate-300 rounded focus:border-primary outline-none">
        <input name="phone" placeholder="电话 / 邮箱 *" required class="w-full px-4 py-3 border border-slate-300 rounded focus:border-primary outline-none">
      </div>
      <input name="web_site" placeholder="公司名称 (选填)" class="w-full px-4 py-3 border border-slate-300 rounded focus:border-primary outline-none">
      <textarea name="content" placeholder="请简要描述您的项目(产能、原矿物料、所在地区等) *" required rows="6" class="w-full px-4 py-3 border border-slate-300 rounded focus:border-primary outline-none"></textarea>
      {{if eq .Site.EnableCaptcha 1}}
      <div class="flex gap-3 items-center">
        <input name="code" id="code" placeholder="验证码" required class="px-4 py-3 border border-slate-300 rounded focus:border-primary outline-none flex-1">
        <img id="refreshCaptcha" src="" class="h-12 cursor-pointer rounded border border-slate-300" alt="验证码,点击刷新">
        <input type="hidden" name="id" id="id">
      </div>
      {{end}}
      <button type="submit" class="w-full md:w-auto px-8 py-3 bg-accent text-white font-medium rounded hover:bg-amber-700">提交询盘</button>
    </form>
    {{else}}
    <div class="bg-amber-50 border border-amber-200 text-amber-800 rounded p-4 text-sm">在线留言功能未开启,请直接拨打销售热线咨询。</div>
    {{end}}{{end}}

    {{$messages := Messages 10}}
    {{if $messages}}
    <h2 class="text-xl font-semibold mt-12 mb-4 text-slate-900">历史留言</h2>
    <div class="space-y-3">
      {{range $messages}}
      <div class="bg-white rounded-lg p-4 border border-slate-200">
        <div class="text-xs text-slate-500 mb-2"><span class="font-medium text-slate-700">{{.Nickname}}</span> · {{ParseTime .CreatedAt "2006-01-02"}}</div>
        <div class="text-sm text-slate-700">{{.Content}}</div>
      </div>
      {{end}}
    </div>
    {{end}}
  </div>
</section>
{{include "js.html"}}

{{include "footer.html"}}