WIP MMCM

src/views/delivery-option-step-3.vue

@@ -31,7 +31,23 @@
         </div>
       </div>
 
+
     </div>
+
+
+    <div class="col-lg-6"  v-if="store.deliveryMethodCode === 'MMCM_EXPRESS'">
+      <div class="step_title">Créneau horaire :</div>
+
+      <div class="form-check mt-4" v-for="(slot, i) in timeSlotList">
+        <input v-model="timeSlot" class="form-check-input" type="radio" :value="slot" name="time-slot" :id="'time-slot'+i" required>
+        <label class="form-check-label" :for="'time-slot'+i">
+          {{slot}}
+        </label>
+      </div>
+
+
+      </div>
+
   </div>
 
   <div class="row">
@@ -60,7 +76,7 @@ export default {
   setup() {
     const store = useMMCMStore()
 
-    const {dateDelivery, dateCollect, methodDelivery, methodCollect} = storeToRefs(store)
+    const {dateDelivery, dateCollect, methodDelivery, methodCollect, timeSlot} = storeToRefs(store)
 
     let pickerList = []
     if (store.needPrescriptionDateCollect) {
@@ -85,8 +101,11 @@ export default {
       minDate: (store.needPrescriptionDateCollect) ? store.minDateForDelivery : store.minDateForCollect,
     }))
 
+    const timeSlotList = ['09h30-11h00', '11h00-12h30', ' 15h30-17h00', '17h00-18h30']
 
     return {
+      timeSlotList,
+      timeSlot,
       dateDelivery,
       dateCollect,
       fr,