From 0b8614ade48dc7a333cc81b7342cb440e66c9b57 Mon Sep 17 00:00:00 2001
From: Nicolas Demangeat <nicolas.demangeat@ldc.fr>
Date: Tue, 9 Apr 2024 10:53:46 +0200
Subject: [PATCH] update partial-demo blade for the include of product

---
 .../views/fo/pages/partials-demo.blade.php    | 42 +++++++++++++++----
 .../views/fo/partials/product-card.blade.php  | 16 +++++--
 2 files changed, 48 insertions(+), 10 deletions(-)

diff --git a/resources/views/fo/pages/partials-demo.blade.php b/resources/views/fo/pages/partials-demo.blade.php
index a63075c3..fe9e8cd9 100644
--- a/resources/views/fo/pages/partials-demo.blade.php
+++ b/resources/views/fo/pages/partials-demo.blade.php
@@ -155,15 +155,29 @@
         <div class="row justify-content-center">
             <div class="col-12 col-md-6 col-lg-4 mb-4">
                 @include('fo.partials.product-card', [
-                    'productPicture' => Vite::asset('resources/assets/images/tmp/nuggets.png'),
-                    'isNew' => true,
-                    'name' => __('Sauté de dinde sans os sans peau'),
+                    'packagePicture' => [
+                        'src' => Vite::asset('resources/assets/images/tmp/packaging.png'), // $productModel->picture_ package_X;
+                        'alt' => '#FIXME:', // $productModel->picture_ package_X_alt;
+                        'title' => '#FIXME:', // $productModel->picture_ package_X_title;
+                    ],
+                    'isNew' => true, // $productModel->is_new;
+                    'name' => __('Sauté de dinde sans os sans peau'),// $productModel->label;
                     'isFavorite' => $customerFavorite1,
                 ])
             </div>
             <div class="col-12 col-md-6 col-lg-4 mb-4">
                 @include('fo.partials.product-card', [
-                    'name' => __('Sauté de dinde sans os sans peau'),
+                    'productPicture' => [
+                        'src' => Vite::asset('resources/assets/images/tmp/nuggets.png'), // $productModel->picture_clipped;
+                        'alt' => '#FIXME:', // $productModel->picture_clipped_alt;
+                        'title' => '#FIXME:', // $productModel->picture_clipped_title;
+                    ],
+                    'packagePicture' => [
+                        'src' => Vite::asset('resources/assets/images/tmp/packaging.png'), // $productModel->picture_ package_X;
+                        'alt' => '#FIXME:', // $productModel->picture_ package_X_alt;
+                        'title' => '#FIXME:', // $productModel->picture_ package_X_title;
+                    ],
+                    'name' => __('Sauté de dinde sans os sans peau'),// $productModel->label;
                     'tag' => [
                         'src' => Vite::asset('resources/assets/images/tmp/product-tag.png'),
                         'alt' => 'Alt tag',
@@ -174,8 +188,18 @@
             </div>
             <div class="col-12 col-md-6 col-lg-4 mb-4">
                 @include('fo.partials.product-card', [
+                    'productPicture' => [
+                        'src' => Vite::asset('resources/assets/images/tmp/nuggets.png'), // $productModel->picture_clipped;
+                        'alt' => '#FIXME:', // $productModel->picture_clipped_alt;
+                        'title' => '#FIXME:', // $productModel->picture_clipped_title;
+                    ],
+                    'packagePicture' => [
+                        'src' => Vite::asset('resources/assets/images/tmp/packaging.png'), // $productModel->picture_ package_X;
+                        'alt' => '#FIXME:', // $productModel->picture_ package_X_alt;
+                        'title' => '#FIXME:', // $productModel->picture_ package_X_title;
+                    ],
                     'isNew' => true,
-                    'name' => __('Sauté de dinde sans os sans peau'),
+                    'name' => __('Sauté de dinde sans os sans peau'),// $productModel->label;
                     'tag' => [
                         'src' => Vite::asset('resources/assets/images/tmp/product-tag.png'),
                         'alt' => 'Alt tag',
@@ -186,8 +210,12 @@
             </div>
             <div class="col-12 col-md-6 col-lg-4 mb-4">
                 @include('fo.partials.product-card', [
-                    'productPicture' => Vite::asset('resources/assets/images/tmp/nuggets.png'),
-                    'name' => __('Sauté de dinde sans os sans peau'),
+                    'packagePicture' => [
+                        'src' => Vite::asset('resources/assets/images/tmp/packaging.png'), // $productModel->picture_ package_X;
+                        'alt' => '#FIXME:', // $productModel->picture_ package_X_alt;
+                        'title' => '#FIXME:', // $productModel->picture_ package_X_title;
+                    ],
+                    'name' => __('Sauté de dinde sans os sans peau'),// $productModel->label;
                     'isFavorite' => $customerFavorite4,
                 ])
             </div>
diff --git a/resources/views/fo/partials/product-card.blade.php b/resources/views/fo/partials/product-card.blade.php
index 70b6e223..b591acc3 100644
--- a/resources/views/fo/partials/product-card.blade.php
+++ b/resources/views/fo/partials/product-card.blade.php
@@ -1,13 +1,23 @@
+{{--
+    VARIABLE        || COMMENT                                   || TYPE          || REQUIRED  || DEFAULT
+
+    $packagePicture || Picture of the packaging.                 || array         || REQUIRED  ||
+    $productPicture || Picture of the product.                   || array         || OPTIONAL  ||
+    $isNew          || New logo for the product.                 || string        || OPTIONAL  ||
+    $tag            || Info logo for the product.                || array         || OPTIONAL  ||
+    $isFavorite     || If customer have this product in favorite || boolean       || REQUIRED  ||
+    $name           || The name of the product                   || boolean       || REQUIRED  ||
+--}}
 <div class="position-relative product-card bottom-left-shadow mt-3 py-3">
     {{-- FIXME: Le haut de la partie tertiary doit être découpée, mais je n'arrive pas à le faire sans dégommer les images et en gardant une bonne hauteur ... --}}
     <div class="bg-tertiary position-relative d-flex justify-content-center pb-5">
-        <img src="{{ Vite::asset('resources/assets/images/tmp/packaging.png') }}" title="#CHANGEME" alt="#CHANGEME"
+        <img src="{{ $packagePicture['src'] }}" title="{{ $packagePicture['title'] }}" alt="{{ $packagePicture['alt'] }}"
             @class([
                 'w-50 rotate-right product-card-packaging',
                 'me-3 ms-auto' => !empty($productPicture),
             ]) />
 
-        @if (!empty($isNew))
+        @if (isset($isNew) && $isNew)
             <img class="position-absolute product-card-tag" src="{{ Vite::asset('resources/assets/images/tmp/tag-new.svg') }}"
                 title="{{ __('Tag pour un nouveau produit') }}" alt="{{ __('Tag pour un nouveau produit') }}" />
         @elseif (!empty($tag))
@@ -15,7 +25,7 @@
                 alt="{{ $tag['alt'] }}" />
         @endif
         @if (!empty($productPicture))
-            <img class="w-75 position-absolute product-card-product" src="{{ $productPicture }}" title="#CHANGEME" alt="#CHANGEME" />
+            <img class="w-75 position-absolute product-card-product" src="{{ $productPicture['src'] }}" title="{{ $productPicture['title'] }}" alt="{{ $productPicture['alt'] }}" />
         @endif
         <button @class([
             'btn btn-link position-absolute z-1 bottom-0',