order emails theming, sold out product card, contact page hcaptcha

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

@@ -5,6 +5,8 @@
     'href'      => '#',
     'variantId' => null,
     'hasCustomFields' => false,
+    // Shows the "sold" star and drops the quick add-to-cart/personalize button.
+    'soldOut'   => false,
     // Heart toggle at the top right of the image; needs productId.
     'productId' => null,
     'wishlist'  => false,
@@ -36,7 +38,9 @@ class="w-full h-auto block"
             <x-wishlist-button :product-id="$productId" class="absolute top-4 right-4 z-10" />
         @endif
 
-        @if ($hasCustomFields)
+        @if ($soldOut)
+            <x-ui.sold-badge class="absolute top-2 right-2 {{ $wishlist && $productId ? 'mt-12' : '' }}" />
+        @elseif ($hasCustomFields)
             {{-- Custom fields have to be filled in on the product page. --}}
             <x-ui.button
                 :href="$href"