From 6d08cb5d1ce5bba3fad8ae16b6dabdc6a24ee441 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 11 Jul 2019 15:56:08 +0200
Subject: [PATCH] #2281

---
 app/Http/Controllers/ProductController.php    |  5 +-
 .../views/pages/product-detail.blade.php      | 64 +++++++++----------
 2 files changed, 35 insertions(+), 34 deletions(-)

diff --git a/app/Http/Controllers/ProductController.php b/app/Http/Controllers/ProductController.php
index 60825cd..7837091 100644
--- a/app/Http/Controllers/ProductController.php
+++ b/app/Http/Controllers/ProductController.php
@@ -37,7 +37,10 @@ class ProductController extends CubistFrontController
 
         $this->data['title'] = $product->name;
         $this->data['product'] = $product->getPageData();
-
+        $this->data['related'] = [];
+        foreach (Product::whereIn('id', $product->related)->limit(4)->get() as $rel) {
+            $this->data['related'][] = $rel->getPageData();
+        }
         return view('pages.product-detail', $this->data);
     }
 }
diff --git a/resources/views/pages/product-detail.blade.php b/resources/views/pages/product-detail.blade.php
index 1866c10..454b6c8 100644
--- a/resources/views/pages/product-detail.blade.php
+++ b/resources/views/pages/product-detail.blade.php
@@ -43,7 +43,7 @@
                     </a>
                 </p>
 
-                <link-button href="#" class="align-middle">Ajouter à ma sélection</link-button>
+                <link-button href="#" class="align-middle">{{__('Ajouter à ma sélection')}}</link-button>
 
                 <span
                     class="font-display text-lg inline-block align-middle rounded-full border-grey-dark border-2 h-8 w-8 text-center ml-6">?</span>
@@ -108,38 +108,36 @@
     </content>
 
 
-
-    <full-width class="bg-grey-100">
-        <content>
-
-            <text-block title="Produits associés" title-class="h2"/>
-
-            {{-- Product Grid --}}
-            <grid cols="auto" class="products-grid">
-                @for($i = 1; $i <= 4; $i++)
-                    <div class="product-grid-item bg-grey-200">
-                        {{-- Image holder --}}
-                        <div class="bg-white pb-100p bg-contain bg-center bg-no-repeat"
-                             style="background-image: url({{ asset("storage/products/1.png") }})">
+    @if(count($related)>0)
+        <full-width class="bg-grey-100">
+            <content>
+
+                <text-block :title="__('Produits associés')" title-class="h2"/>
+
+                {{-- Product Grid --}}
+                <grid cols="auto" class="products-grid">
+                    @foreach($related as $rel)
+                        <div class="product-grid-item bg-grey-200">
+                            {{-- Image holder --}}
+                            <div class="bg-white pb-100p bg-contain bg-center bg-no-repeat"
+                                 style="background-image: url({{ $rel->getImageURL('images') }})">
+                            </div>
+
+                            {{-- Product details --}}
+                            <div class="p-4">
+                                <h3>{{$rel->name}}</h3>
+                                <div class="text-sm">
+                                    {!! Markdown::parse($rel->highlights) !!}
+                                </div>
+                                <p class="mt-4">
+                                    <a href="{{$nav->findOneById('product/'.$rel->id)->getHref()}}">{{__('Voir la fiche produit')}}</a>
+                                </p>
+                            </div>
                         </div>
+                    @endforeach
+                </grid>
 
-                        {{-- Product details --}}
-                        <div class="p-4">
-                            <h3>Modèle 1200 de 1.5 kN à 900kN</h3>
-                            <ul class="text-sm">
-                                <li>Étendue de mesure : 1.5 kN à 900 kN</li>
-                                <li>Sortie élevée : 2 ou 4 mV/V</li>
-                                <li>Précision : 0.04% à 0.07% pleine échelle</li>
-                                <li>Compensé pour les efforts transverses</li>
-                            </ul>
-                            <p class="mt-4">
-                                <a href="/products/force/123">Voir la fiche produit</a>
-                            </p>
-                        </div>
-                    </div>
-                @endfor
-            </grid>
-
-        </content>
-    </full-width>
+            </content>
+        </full-width>
+    @endif
 @endsection
-- 
2.39.5