PHP Rebuild

Initial PHP rebuild of the app

resources/views/components/ui/badge.blade.php

@@ -0,0 +1,11 @@
+@props(['tone' => 'default'])
+
+@php
+    $classes = match ($tone) {
+        'accent' => 'bg-emerald-50 text-accent-foreground',
+        'loyalty' => 'bg-amber-50 text-amber-800',
+        default => 'bg-stone text-muted',
+    };
+@endphp
+
+<span {{ $attributes->merge(['class' => "inline-flex items-center rounded-full px-3 py-1 text-[10px] font-bold uppercase tracking-widest {$classes}"]) }}>{{ $slot }}</span>

resources/views/components/ui/button.blade.php

@@ -0,0 +1,24 @@
+@props(['variant' => 'primary', 'href' => null, 'size' => 'md'])
+
+@php
+    $classes = match ($variant) {
+        'secondary' => 'border border-line bg-white text-ink hover:bg-stone',
+        'accent' => 'bg-accent text-white hover:brightness-95',
+        'ghost' => 'text-ink hover:bg-stone',
+        default => 'bg-ink text-white shadow-lg shadow-ink/10 hover:bg-black',
+    };
+    $sizeClasses = match ($size) {
+        'sm' => 'h-10 px-4 text-[10px]',
+        default => 'h-12 px-6 text-xs',
+    };
+@endphp
+
+@if ($href)
+    <a href="{{ $href }}" {{ $attributes->except('size')->merge(['class' => "inline-flex items-center justify-center gap-2 rounded-md font-bold uppercase tracking-widest transition-all {$sizeClasses} {$classes}"]) }}>
+        {{ $slot }}
+    </a>
+@else
+    <button {{ $attributes->except('size')->merge(['class' => "inline-flex items-center justify-center gap-2 rounded-md font-bold uppercase tracking-widest transition-all {$sizeClasses} {$classes}"]) }}>
+        {{ $slot }}
+    </button>
+@endif

resources/views/components/ui/card.blade.php

@@ -0,0 +1,3 @@
+<div {{ $attributes->merge(['class' => 'rounded-md border border-line bg-white shadow-sm']) }}>
+    {{ $slot }}
+</div>