From 054b798e905d23e11174743302ca96dcb913035d Mon Sep 17 00:00:00 2001
From: Jonathan Chevalier <jonathan.chevalier@live.com>
Date: Fri, 21 Oct 2022 17:35:12 +0200
Subject: [PATCH] WIP MMCM

---
 src/views/address-check.vue           |  1 +
 src/views/delivery-option-summary.vue | 27 ++++++++++++++++++++-------
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/views/address-check.vue b/src/views/address-check.vue
index 8e8f978..dd9e605 100644
--- a/src/views/address-check.vue
+++ b/src/views/address-check.vue
@@ -71,6 +71,7 @@ export default {
     },
     selectChoice(item) {
       this.searchResults = []
+
       this.query = item.properties.label
       this.store.setStreet(item.properties.name)
       this.store.setZipCode(item.properties.postcode)
diff --git a/src/views/delivery-option-summary.vue b/src/views/delivery-option-summary.vue
index a4be7b0..8893c00 100644
--- a/src/views/delivery-option-summary.vue
+++ b/src/views/delivery-option-summary.vue
@@ -1,17 +1,26 @@
 <template>
   <div class="step_title">Recapitulatif :</div>
   <div class="text-start">
-    <div class="mb-2"><strong>Adresse de livraison : </strong>{{ store.fullAddress }}</div>
-    <div class="mb-2"><strong>Mode de livraison : </strong>{{ store.deliveryMethod }}</div>
-    <div class="mb-2"><strong>Collecte de l'ordonnnace : </strong>
+    <div class="mb-4"><i class="fa-solid fa-location-dot fa-fw text-primary  me-2"></i><strong>Adresse de livraison : </strong>{{ store.fullAddress }}</div>
+
+    <iframe class="mb-4" style="border:0; width: 100%; height: 350px;" :src="urlGoogleMap" allowfullscreen></iframe>
+
+    <div class="mb-4"><i class="fa-solid fa-truck fa-fw text-primary me-2"></i><strong>Mode de livraison : </strong>{{ store.deliveryMethod }}</div>
+    <div class="mb-4"><i class="fa-solid fa-file-medical fa-fw text-primary  me-2"></i><strong>Collecte de l'ordonnnace : </strong>
       <span v-if="store.withPrescription">Oui</span>
       <span v-else>Non</span>
     </div>
-    <div class="mb-2" v-if="store.withPrescription && store.dateDelivery !== store.dateCollect"><strong>Date de collecte
+    <div class="mb-4" v-if="store.withPrescription && store.dateDelivery !== store.dateCollect"><i class="fa-solid fa-location-dot fa-fw text-primary  me-2"></i><strong>Date de collecte
       de l'ordonnnce
       : </strong>{{ store.dateCollectString }}
     </div>
-    <div class="mb-2"><strong>Date de livraison des medicaments : </strong>{{ store.dateDeliveryString }}</div>
+    <div class="mb-4"><i class="fa-solid fa-calendar-days fa-fw text-primary  me-2"></i><strong>Date de livraison des medicaments : </strong>{{ store.dateDeliveryString }}</div>
+
+    <router-link to="/address-check" class="btn btn-secondary me-4" >
+      <i class="fa-regular fa-arrow-alt-circle-left fa-fw"></i>
+      Modifier mes choix
+    </router-link>
+
     <button class="btn btn-primary" @click="addToCart">
 
       <i v-if="suspens" class="fa-solid fa-circle-notch fa-spin fa-fw"></i>
@@ -30,9 +39,12 @@ export default {
   setup() {
     const suspens = ref(false)
     const store = useMMCMStore()
+
+    const urlGoogleMap = "https://www.google.com/maps?width=100%25&height=600&hl=en&q="+encodeURI(store.fullAddress)+"&t=&z=17&ie=UTF8&iwloc=B&output=embed"
     return {
       suspens,
-      store
+      store,
+      urlGoogleMap
     }
   },
   name: "delivery-option-summary",
@@ -55,7 +67,7 @@ export default {
       }
 
       if (import.meta.env.DEV) {
-        urlApi += '&ID_SESSION=ch6LyRNw';
+        urlApi += '&ID_SESSION=XMiyFxuQ';
         console.log(urlApi)
       }
 
@@ -78,4 +90,5 @@ export default {
 
 <style scoped>
 
+
 </style>