{{define "title"}}首頁 · Nestly{{end}}
{{define "content"}}
<div class="flex min-h-screen flex-col">
  <header class="border-b border-stone-200 bg-white">
    <div class="mx-auto flex w-full max-w-5xl items-center justify-between px-6 py-4">
      <a href="/" class="flex items-center gap-2 text-lg font-bold text-stone-900">
        <span class="flex size-8 items-center justify-center rounded-lg bg-emerald-600 text-white">🏡</span>
        Nestly
      </a>
      {{if .Account}}
      <div class="flex items-center gap-4">
        <span class="text-sm text-stone-600">你好，<span class="font-medium text-stone-900">{{.Account.Name}}</span></span>
        <form method="post" action="/logout">
          <button type="submit"
                  class="rounded-lg border border-stone-300 px-3 py-1.5 text-sm font-medium text-stone-600 transition hover:bg-stone-50">
            登出
          </button>
        </form>
      </div>
      {{else}}
      <a href="/login"
         class="rounded-lg bg-emerald-600 px-4 py-2 text-sm font-semibold text-white transition hover:bg-emerald-500">
        登入
      </a>
      {{end}}
    </div>
  </header>

  <main class="mx-auto w-full max-w-5xl flex-1 px-6 py-16">
    <h1 class="text-3xl font-bold text-stone-900">Nestly 房地產平台</h1>
    <p class="mt-3 max-w-2xl text-stone-600">物件列表、搜尋與刊登功能尚在開發中，目前完成帳號與登入流程。</p>
  </main>

  <footer class="border-t border-stone-200 bg-white py-4">
    <p class="mx-auto max-w-5xl px-6 text-sm text-stone-400">© 2026 Nestly</p>
  </footer>
</div>
{{end}}