moved samples to accordion as it is content not tool

web/themes/custom/materiotheme/vuejs/components/Content/ModalCard.vue

@@ -36,7 +36,7 @@
             </ul>
           </div>
         </section>
-        <section class="tool samples" v-if="item.samples && item.samples.length">
+        <!-- <section class="tool samples" v-if="item.samples && item.samples.length">
           <span class="btn mdi mdi-beaker-outline"/>
           <div class="tool-content">
             <span class="label">{{ $t("materio.Samples") }}</span>
@@ -49,7 +49,7 @@
               </li>
             </ul>
           </div>
-        </section>
+        </section> -->
         <section class="tool note">
           <span class="btn mdi mdi-square-edit-outline"/>
           <div class="tool-content">
@@ -101,6 +101,24 @@
           </vsa-content>
         </vsa-item>
 
+        <vsa-item v-if="item.samples && item.samples.length">
+          <vsa-heading>
+            <span class="label">{{ $t("materio.Samples") }}</span>
+          </vsa-heading>
+          <vsa-content>
+            <section class="samples">
+                <ul>
+                  <li
+                    v-for="sample in material.samples"
+                    :key="sample.showroom.id"
+                  >
+                    <span class="showroom">{{ sample.showroom.name }}</span>: {{ sample.location }}
+                  </li>
+                </ul>
+            </section>
+          </vsa-content>
+        </vsa-item>
+
         <vsa-item v-if="material.linked_materials">
           <vsa-heading>
             <span class="label">{{ $t("materio.Linked materials") }}</span>