init

internal/app/templates/login.html

@@ -0,0 +1,44 @@
+{{define "login.html"}}
+{{template "head" .}}
+<main class="login-page">
+  <div class="auth-theme">{{template "theme-toggle" .}}</div>
+  <section class="login-story">
+    <a class="brand light" href="/">
+      <span class="brand-mark">ه</span>
+      <span>Hamkar<small>Team presence</small></span>
+    </a>
+    <div class="story-copy">
+      <p class="eyebrow">A lighter way to work together</p>
+      <h1>Know who’s here.<br>Plan what’s next.</h1>
+      <p>Presence, time off, and remote days—organized around the Persian calendar your team actually uses.</p>
+    </div>
+    <div class="story-calendar" aria-hidden="true">
+      <div><small>امروز</small><strong>۶ مرداد</strong><span>۱۴۰۵</span></div>
+      <div class="people-dots"><i></i><i></i><i></i><b>+8</b></div>
+    </div>
+  </section>
+  <section class="login-form-wrap">
+    <form class="login-card" method="post" action="/login">
+      <div class="mobile-brand"><span class="brand-mark">ه</span> Hamkar</div>
+      <p class="eyebrow">WELCOME BACK</p>
+      <h2>Sign in to your workspace</h2>
+      <p class="muted">Use your email, username, or company SSO.</p>
+      {{if .Error}}<div class="notice error">{{.Error}}</div>{{end}}
+      <label>Email or username<input name="identifier" autocomplete="username" required autofocus placeholder="you@example.com or navid"></label>
+      <label>Password<input type="password" name="password" autocomplete="current-password" required placeholder="••••••••"></label>
+      <button class="button primary full" type="submit">Sign in</button>
+      {{if or .OAuthGitHub .OAuthGoogle}}
+      <div class="separator"><span>or continue with</span></div>
+      <div class="oauth-row">
+        {{if .OAuthGoogle}}<a class="button secondary" href="/auth/google">Google</a>{{end}}
+        {{if .OAuthGitHub}}<a class="button secondary" href="/auth/github">GitHub</a>{{end}}
+      </div>
+      {{end}}
+      <p class="auth-switch">New to Hamkar? <a href="/register">Create an account</a></p>
+      <p class="login-hint">Demo admin: <code>admin</code> / <code>admin123</code></p>
+    </form>
+  </section>
+</main>
+</body>
+</html>
+{{end}}