{{/* 已登入狀態頁。以 layout.html（側邊導覽欄版面）為根模板組合渲染：
     本檔僅定義區塊，不應單獨解析執行。導覽與側欄頁尾沿用版面預設
     （帳號資訊標記 aria-current；admin 另顯示金鑰管理連結；
     頁尾為使用者資訊與登出表單）。 */}}
{{define "title"}}帳號資訊 - alterminal{{end}}

{{define "content"}}
<section class="rounded-xl bg-white p-8 shadow-lg dark:bg-neutral-800 dark:shadow-black/40">
  <h1 class="mb-1 text-xl font-semibold">帳號資訊</h1>
  <p class="mb-6 text-sm text-neutral-500 dark:text-neutral-400">已登入：單一登入服務</p>
  {{if .Error}}<p class="mb-2 rounded-lg bg-red-500/10 px-3 py-2.5 text-sm text-red-600 dark:text-red-400" role="alert">{{.Error}}</p>{{end}}
  <dl class="m-0">
    <dt class="text-sm text-neutral-500 dark:text-neutral-400">帳號</dt>
    <dd class="mt-0.5 mb-3.5 text-[15px] break-all">{{.Username}}</dd>
    <dt class="text-sm text-neutral-500 dark:text-neutral-400">Email</dt>
    <dd class="mt-0.5 mb-3.5 text-[15px] break-all">{{.Email}}</dd>
    <dt class="text-sm text-neutral-500 dark:text-neutral-400">Session 到期</dt>
    <dd class="mt-0.5 mb-3.5 text-[15px] break-all">{{.ExpiresAt}}</dd>
  </dl>
  <div class="mt-6 flex flex-wrap gap-3">
    <a href="/password"
      class="flex items-center gap-2 rounded-lg border border-neutral-300 px-4 py-2.5 text-sm font-semibold hover:bg-neutral-100 dark:border-neutral-600 dark:hover:bg-neutral-700">
      <svg class="size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
      </svg>
      更新密碼
    </a>
  </div>
  <p class="mt-4 text-sm text-neutral-500 dark:text-neutral-400">授權流程（/authorize）完成後，登入將自動導回應用程式。</p>
</section>
{{end}}