feat: replace raw image path input with interactive visual gallery and multi-image manager in admin and shop

2026-11-01 16:24:12 +01:00
parent c06701673a
commit 4994d4a8ef
9 changed files with 724 additions and 29 deletions
@@ -122,8 +122,13 @@
                        <tr class="hover:bg-slate-800/50 transition">
                            <td class="py-3.5 px-4">
                                <div class="flex items-center space-x-3">
-                                    <div class="w-12 h-12 rounded-xl bg-slate-950 overflow-hidden border border-slate-800 flex-shrink-0">
+                                    <div class="w-12 h-12 rounded-xl bg-slate-950 overflow-hidden border border-slate-800 flex-shrink-0 relative group">
                                        <img src="{{ $product->image_url }}" alt="{{ $product->name }}" class="w-full h-full object-cover">
+                                        @if(!empty($product->gallery_images) && count($product->gallery_images) > 0)
+                                            <span class="absolute bottom-0 right-0 px-1 py-0.5 rounded-tl-md bg-slate-950/90 text-amber-400 font-mono text-[9px] font-black border-t border-l border-slate-800" title="{{ count($product->gallery_images) + 1 }} foto's in galerij">
+                                                +{{ count($product->gallery_images) }}
+                                            </span>
+                                        @endif
                                    </div>
                                    <div>
                                        <a href="{{ route('admin.products.edit', $product) }}" class="font-bold text-white hover:text-amber-400 transition block text-sm">