@page "/Admin/Login"
@model SoroushAsadi.Pages.Admin.LoginModel
@{
    Layout = "_AdminLayout";
    ViewData["Title"] = "Sign in";
}

<div class="flex min-h-[60vh] items-center justify-center">
  <div class="w-full max-w-sm">
    <div class="mb-8 text-center">
      <img src="/logo-mark.svg" alt="" width="40" height="40" class="mx-auto mb-4" />
      <h1 class="font-display text-2xl font-bold text-white">Admin sign in</h1>
    </div>

    @if (!string.IsNullOrEmpty(Model.Error))
    {
      <div class="mb-4 rounded-lg border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-400">@Model.Error</div>
    }

    <form method="post" class="glass p-6 space-y-4">
      <div>
        <label class="label-mono mb-2 block" for="password">Password</label>
        <input id="password" name="password" type="password" required autofocus
               class="w-full rounded-xl border border-white/10 bg-white/[.03] px-4 py-3 text-sm text-white outline-none focus:border-electric/60 transition-colors" />
      </div>
      <button type="submit" class="btn-primary w-full justify-center">Sign in</button>
    </form>
  </div>
</div>