account pages: login, order history, order details, account details, wishlist

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

@@ -5,6 +5,9 @@
     'href'      => '#',
     'variantId' => null,
     'hasCustomFields' => false,
+    // Heart toggle at the top right of the image; needs productId.
+    'productId' => null,
+    'wishlist'  => false,
 ])
 
 {{-- data-turbo-frame="_top" on the links: this card renders inside the
@@ -29,6 +32,10 @@ class="w-full h-auto block"
             @endif
         </a>
 
+        @if ($wishlist && $productId)
+            <x-wishlist-button :product-id="$productId" class="absolute top-4 right-4 z-10" />
+        @endif
+
         @if ($hasCustomFields)
             {{-- Custom fields have to be filled in on the product page. --}}
             <x-ui.button