From 2ef134cb22cabb797a2f835f50857435cf224592 Mon Sep 17 00:00:00 2001
From: DualFroz <me@dualfroz.com>
Date: Wed, 26 Aug 2026 17:07:54 +0200
Subject: [PATCH] views: add login and registration pages

---
 views/auth/login.php    | 29 +++++++++++++++++++++++++++++
 views/auth/register.php | 40 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 69 insertions(+)
 create mode 100644 views/auth/login.php
 create mode 100644 views/auth/register.php

diff --git a/views/auth/login.php b/views/auth/login.php
new file mode 100644
index 0000000..81df1e9
--- /dev/null
+++ b/views/auth/login.php
@@ -0,0 +1,29 @@
+<section class="wrap">
+    <div class="auth-shell">
+        <div class="panel panel--pad">
+            <h1 style="margin-bottom:6px">Welcome back</h1>
+            <p class="muted">Sign in to track orders and check out faster.</p>
+
+            <form method="post" action="/login" class="mt-lg" novalidate>
+                <input type="hidden" name="csrfToken" value="<?= e($csrfToken) ?>">
+
+                <div class="field <?= isset($errors['email']) ? 'field--error' : '' ?>">
+                    <label for="email">Email</label>
+                    <input class="input" type="email" id="email" name="email" value="<?= e($old['email'] ?? '') ?>" autocomplete="email" autofocus>
+                    <?php if (isset($errors['email'])): ?><span class="field__error"><?= e($errors['email']) ?></span><?php endif; ?>
+                </div>
+
+                <div class="field">
+                    <label for="password">Password</label>
+                    <input class="input" type="password" id="password" name="password" autocomplete="current-password">
+                </div>
+
+                <button class="btn btn--primary btn--block" type="submit">Sign in</button>
+            </form>
+
+            <p class="small muted mt-lg" style="text-align:center;margin:0">
+                No account yet? <a href="/register">Create one</a>
+            </p>
+        </div>
+    </div>
+</section>
diff --git a/views/auth/register.php b/views/auth/register.php
new file mode 100644
index 0000000..3692695
--- /dev/null
+++ b/views/auth/register.php
@@ -0,0 +1,40 @@
+<section class="wrap">
+    <div class="auth-shell">
+        <div class="panel panel--pad">
+            <h1 style="margin-bottom:6px">Create your account</h1>
+            <p class="muted">Join Bazaar to place orders and keep your history in one place.</p>
+
+            <form method="post" action="/register" class="mt-lg" novalidate>
+                <input type="hidden" name="csrfToken" value="<?= e($csrfToken) ?>">
+
+                <div class="field <?= isset($errors['name']) ? 'field--error' : '' ?>">
+                    <label for="name">Full name</label>
+                    <input class="input" type="text" id="name" name="name" value="<?= e($old['name'] ?? '') ?>" autocomplete="name" autofocus>
+                    <?php if (isset($errors['name'])): ?><span class="field__error"><?= e($errors['name']) ?></span><?php endif; ?>
+                </div>
+
+                <div class="field <?= isset($errors['email']) ? 'field--error' : '' ?>">
+                    <label for="email">Email</label>
+                    <input class="input" type="email" id="email" name="email" value="<?= e($old['email'] ?? '') ?>" autocomplete="email">
+                    <?php if (isset($errors['email'])): ?><span class="field__error"><?= e($errors['email']) ?></span><?php endif; ?>
+                </div>
+
+                <div class="field <?= isset($errors['password']) ? 'field--error' : '' ?>">
+                    <label for="password">Password</label>
+                    <input class="input" type="password" id="password" name="password" autocomplete="new-password">
+                    <?php if (isset($errors['password'])): ?>
+                        <span class="field__error"><?= e($errors['password']) ?></span>
+                    <?php else: ?>
+                        <span class="small muted" style="margin-top:5px;display:block">At least 8 characters.</span>
+                    <?php endif; ?>
+                </div>
+
+                <button class="btn btn--primary btn--block" type="submit">Create account</button>
+            </form>
+
+            <p class="small muted mt-lg" style="text-align:center;margin:0">
+                Already have an account? <a href="/login">Sign in</a>
+            </p>
+        </div>
+    </div>
+</section>