<!doctype html>
<html lang="fa" dir="rtl">
<head>
  <meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
  <title>ورود | <%= appName %></title><link rel="stylesheet" href="/build/app.css"><script defer src="/build/app.js"></script>
</head>
<body>
  <main class="grid min-h-screen place-items-center bg-[radial-gradient(circle_at_top_right,_#dff5ff,_transparent_42%)] p-5 dark:bg-slate-950">
    <section class="panel grid w-full max-w-4xl overflow-hidden md:grid-cols-[1.05fr_.95fr]" aria-labelledby="login-title">
      <div class="hidden bg-brand-950 p-10 text-white md:flex md:flex-col md:justify-between">
        <img src="/images/mandegar-logo.jpg" alt="نشان بازرگانی ماندگار" class="w-full rounded-2xl bg-white p-4 object-contain">
        <div><p class="text-sm text-brand-300">مدیریت یکپارچه تأیید و تحویل</p><h2 class="mt-2 text-3xl font-black leading-[1.6]">بازرگانی ماندگار</h2></div>
      </div>
      <div class="p-7 md:p-10">
        <img src="/images/mandegar-logo.jpg" alt="نشان بازرگانی ماندگار" class="mx-auto mb-6 h-24 w-44 object-contain md:hidden">
        <h1 id="login-title" class="text-2xl font-black">ورود به سامانه</h1>
        <p class="mt-2 text-sm text-slate-500">ثبت‌نام عمومی غیرفعال است. از حساب سازمانی خود استفاده کنید.</p>
        <% if (error) { %><div class="error-box mt-5"><%= error %></div><% } %>
        <form method="post" action="/login" class="mt-7 space-y-5">
          <input type="hidden" name="_csrf" value="<%= csrfToken %>">
          <label><span class="label">نام کاربری</span><input class="input" name="username" autocomplete="username" required autofocus></label>
          <label><span class="label">رمز عبور</span><input class="input" type="password" name="password" autocomplete="current-password" required></label>
          <button class="btn-primary w-full" type="submit">ورود امن</button>
        </form>
        <p class="mt-6 text-center text-xs text-slate-500">دسترسی‌ها ثبت و ممیزی می‌شوند.</p>
      </div>
    </section>
  </main>
</body></html>
