PHP Rebuild

Initial PHP rebuild of the app

resources/views/auth/register.blade.php

@@ -0,0 +1,17 @@
+<x-layouts.public :business="$business">
+    <main class="bg-stone text-ink min-h-screen flex flex-col px-6 py-12">
+        <div class="flex-1 max-w-md mx-auto w-full">
+            <header class="mb-10"><a href="{{ route('public.home') }}" class="w-10 h-10 rounded-full border border-line flex items-center justify-center mb-8"><i class="fa-solid fa-arrow-left text-sm"></i></a><h1 class="text-3xl font-bold tracking-tight">Create Account</h1><p class="text-muted mt-2">Join {{ $business->shortName ?: $business->name }} to track your appointments and loyalty.</p></header>
+            @if ($errors->any())<div class="mb-5 rounded-2xl border border-red-200 bg-red-50 p-4 text-sm text-red-700">{{ $errors->first() }}</div>@endif
+            <form method="POST" action="{{ route('auth.register.store') }}" class="space-y-4">@csrf
+                <div class="grid grid-cols-2 gap-4"><div><label class="block text-[10px] font-bold uppercase tracking-widest text-muted mb-2 ml-1">First Name</label><input name="firstName" value="{{ old('firstName') }}" type="text" placeholder="John" required class="w-full bg-surface border border-line rounded-xl px-5 py-4 focus:ring-2 focus:ring-ink outline-none transition-all"></div><div><label class="block text-[10px] font-bold uppercase tracking-widest text-muted mb-2 ml-1">Last Name</label><input name="lastName" value="{{ old('lastName') }}" type="text" placeholder="Doe" required class="w-full bg-surface border border-line rounded-xl px-5 py-4 focus:ring-2 focus:ring-ink outline-none transition-all"></div></div>
+                <div><label class="block text-[10px] font-bold uppercase tracking-widest text-muted mb-2 ml-1">Email Address</label><input name="email" value="{{ old('email') }}" type="email" placeholder="name@example.com" required class="w-full bg-surface border border-line rounded-xl px-5 py-4 focus:ring-2 focus:ring-ink outline-none transition-all"></div>
+                <div><label class="block text-[10px] font-bold uppercase tracking-widest text-muted mb-2 ml-1">Phone Number</label><input name="phone" value="{{ old('phone') }}" type="tel" placeholder="+1 (555) 000-0000" class="w-full bg-surface border border-line rounded-xl px-5 py-4 focus:ring-2 focus:ring-ink outline-none transition-all"></div>
+                <div><label class="block text-[10px] font-bold uppercase tracking-widest text-muted mb-2 ml-1">Password</label><input name="password" type="password" placeholder="••••••••" required class="w-full bg-surface border border-line rounded-xl px-5 py-4 focus:ring-2 focus:ring-ink outline-none transition-all"></div>
+                <div><label class="block text-[10px] font-bold uppercase tracking-widest text-muted mb-2 ml-1">Confirm Password</label><input name="password_confirmation" type="password" placeholder="••••••••" required class="w-full bg-surface border border-line rounded-xl px-5 py-4 focus:ring-2 focus:ring-ink outline-none transition-all"></div>
+                <p class="text-[10px] text-muted leading-relaxed px-1">By creating an account, you agree to our <a href="#" class="underline">Terms of Service</a> and <a href="#" class="underline">Privacy Policy</a>.</p><button type="submit" class="w-full bg-ink text-white py-5 rounded-full font-bold uppercase tracking-widest hover:bg-black transition-all shadow-lg mt-4">Sign Up</button>
+            </form>
+            <p class="mt-10 text-center text-sm text-muted">Already have an account? <a href="{{ route('auth.signin') }}" class="text-ink font-bold border-b border-ink">Log in</a></p>
+        </div>
+    </main>
+</x-layouts.public>