PHP Rebuild

Initial PHP rebuild of the app

resources/views/booking/time.blade.php

@@ -0,0 +1,19 @@
+<x-layouts.public :business="$business">
+    <main class="mx-auto min-h-screen max-w-3xl px-5 pb-16 pt-8 lg:px-10">
+        <a href="{{ route('booking.services') }}" class="text-xs font-bold uppercase tracking-widest text-muted">← Services</a>
+        <div class="mt-10"><p class="text-[10px] font-bold uppercase tracking-widest text-muted">Step 2 of 4</p><h1 class="mt-2 text-3xl font-black tracking-tight">Pick a time</h1><p class="mt-3 text-sm text-muted">{{ $services->pluck('name')->join(', ') }}</p></div>
+        @if ($errors->any()) <div class="mt-5 rounded-md border border-danger/20 bg-red-50 p-4 text-sm text-red-800">{{ $errors->first() }}</div> @endif
+        <div class="mt-8 flex items-center justify-between rounded-md border border-line bg-white p-4"><a class="text-xl" href="{{ route('booking.time', ['date' => $date->subDay()->toDateString()]) }}" aria-label="Previous day">←</a><span class="text-sm font-bold">{{ $date->format('l, j F Y') }}</span><a class="text-xl" href="{{ route('booking.time', ['date' => $date->addDay()->toDateString()]) }}" aria-label="Next day">→</a></div>
+        <div class="mt-5 grid gap-3 sm:grid-cols-2">
+            @forelse ($slots as $slot)
+                <form method="POST" action="{{ route('booking.time.store') }}">
+                    @csrf
+                    <input type="hidden" name="staffId" value="{{ $slot['staffId'] }}">
+                    <button type="submit" name="startAt" value="{{ $slot['startAt'] }}" class="w-full rounded-md border border-line bg-white p-4 text-left shadow-sm transition hover:-translate-y-0.5 hover:border-ink"><span class="block text-sm font-bold">{{ $slot['label'] }}</span><span class="mt-1 block text-xs text-muted">{{ $slot['staffName'] }}</span></button>
+                </form>
+            @empty
+                <div class="rounded-md border border-line bg-white p-6 text-sm text-muted sm:col-span-2">There are no available times on this date. Try another day.</div>
+            @endforelse
+        </div>
+    </main>
+</x-layouts.public>