{% extends "base.html" %}

{% block title %}快速新增一户{% endblock %}

{% block content %}
  <div class="mx-auto w-full max-w-5xl">
  <section class="mb-4 flex items-start justify-between gap-3 sm:mb-5">
    <div>
      <div class="flex items-center gap-2">
        <h2 class="page-title">新增一户</h2>
        <span class="rounded-full bg-accent-100 px-3 py-1 text-xs font-medium text-accent-700 dark:bg-accent-900/40 dark:text-accent-300">现金 · 当天</span>
      </div>
    </div>
    <a class="btn btn-secondary shrink-0" href="{{ url_for('quick_entry.index', q=search_term, include_bride_side='1') if include_bride_side else (url_for('quick_entry.index', q=search_term) if search_term else url_for('quick_entry.index')) }}">返回搜索</a>
  </section>

  <section class="card overflow-hidden">
    <div class="border-b border-neutral-200 bg-linear-to-r from-accent-50 via-white to-white px-6 py-5 dark:border-neutral-700 dark:from-accent-950/30 dark:via-neutral-900 dark:to-neutral-900 sm:px-7">
      <div class="max-w-3xl">
        <div class="flex flex-wrap items-center gap-2">
          <h3 class="text-xl font-semibold tracking-tight text-neutral-900 dark:text-neutral-100">快速新增一户</h3>
          <span class="rounded-full bg-accent-100 px-3 py-1 text-xs font-medium text-accent-700 dark:bg-accent-900/40 dark:text-accent-300">默认到场</span>
        </div>
        <p class="mt-2 text-sm text-neutral-500 dark:text-neutral-400">只录入当天来宾的最少信息，保存后直接回到搜索结果。</p>
      </div>
    </div>

    <div class="card-body sm:px-7">
      <form action="{{ url_for('quick_entry.create_household') }}" method="post" class="mx-auto max-w-3xl space-y-5">
        <input type="hidden" name="q" value="{{ search_term }}">
        <input type="hidden" name="include_bride_side" value="{{ '1' if include_bride_side else '0' }}">
        <input type="hidden" name="phone" value="">
        <input type="hidden" name="attendance_status" value="attending">
        <input type="hidden" name="actual_attendee_count" value="1">
        <input type="hidden" name="child_count" value="0">
        <input type="hidden" name="red_packet_child_count" value="0">
        <input type="hidden" name="favor_status" value="not_given">
        <input type="hidden" name="candy_status" value="not_given">
        <input type="hidden" name="child_red_packet_status" value="not_given">
        <input type="hidden" name="gift_method_option_id" value="{{ default_gift_method_id or '' }}">
        <input type="hidden" name="gift_scene_option_id" value="{{ default_gift_scene_id or '' }}">

        <div class="rounded-2xl border border-neutral-200 bg-white p-5 shadow-sm dark:border-neutral-700 dark:bg-neutral-900/70">
          <label for="quick-create-head-name" class="form-label">户主姓名</label>
          <input id="quick-create-head-name" name="head_name" type="text" class="form-input" value="{{ search_term }}" required>
        </div>

        <div class="rounded-2xl border border-neutral-200 bg-white p-5 shadow-sm dark:border-neutral-700 dark:bg-neutral-900/70">
          <label for="quick-create-total-gift-amount" class="form-label">礼金金额</label>
          <div class="relative">
            <span class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-4 text-lg font-semibold text-accent-600 dark:text-accent-300">¥</span>
            <input id="quick-create-total-gift-amount" name="total_gift_amount" type="number" min="0" step="0.01" class="form-input pl-10 text-lg font-semibold tabular-nums" value="0.00" required>
          </div>
          <p class="mt-2 text-xs text-neutral-500 dark:text-neutral-400">默认按现金方式、婚礼当天记录。</p>
        </div>

        <div class="rounded-2xl border border-neutral-200 bg-white p-5 shadow-sm dark:border-neutral-700 dark:bg-neutral-900/70">
          <label for="quick-create-note" class="form-label">备注</label>
          <textarea id="quick-create-note" name="note" rows="4" class="form-textarea min-h-28" placeholder="可选，补充来宾说明或礼金备注。"></textarea>
        </div>

        <div class="flex flex-wrap items-center justify-end gap-3 border-t border-neutral-200 pt-5 dark:border-neutral-800">
          <a class="btn btn-secondary order-2 sm:order-1" href="{{ url_for('quick_entry.index', q=search_term, include_bride_side='1') if include_bride_side else (url_for('quick_entry.index', q=search_term) if search_term else url_for('quick_entry.index')) }}">取消</a>
          <button type="submit" class="btn btn-primary min-w-36 order-1 sm:order-2">保存并返回搜索</button>
        </div>
      </form>
    </div>
  </section>
  </div>
{% endblock %}