MasterClass/application/views/frontoffice/home/my_reservation.php

<div class="container">
  <div class="my-5" id="reservations-box">
    <!-- TABS -->
    <ul class="nav nav-tabs flex-nowrap" id="reservations-tab" role="tablist">
      <li class="nav-item" role="presentation">
        <a class="nav-link active" id="res-tab" data-toggle="tab" href="#mes-reservations" role="tab" aria-controls="mes-reservations" aria-selected="true">Mes réservations</a>
      </li>
      <li class="nav-item" role="presentation">
        <a class="nav-link" id="historique-tab" data-toggle="tab" href="#mon-historique" role="tab" aria-controls="mon-historique" aria-selected="false">Mon historique</a>
      </li>
    </ul>
    <div class="tab-content" id="reservationTabContent">
      <!-- MY RESERVATIONS TAB CONTENT -->
      <div class="tab-pane fade show active" id="mes-reservations" role="tabpanel" aria-labelledby="res-tab">
        <?php if (empty($reservations['base'])): ?>
          <div class="workshop-box no-reservation">
            Aucun achat
          </div>
        <?php endif; ?>

        <?php foreach ($reservations['base'] as $index => $r): ?>
          <div class="workshop-box">
            <div class="row px-3">
              <div class="col-sm-12 col-md-5 col-lg-5 mc-purchase-img px-0">
                <?php if ($r->event_status === 'CANCEL'): ?>
                  <!-- Cancelled event overlay -->
                  <div class="cancel-overlay">
                    <div class="cancelled-label">ANNULE</div>
                  </div>
                <?php endif; if($r->workshop_session =='ENLIGNE'){?>
                  <a href="<?php echo base_url(urlencode('cours-en-ligne-achat').'/'.$r->event_id); ?>">
                    <img src="<?php echo auto_version(base_url("resources/images/frontoffice/events/{$r->file_name}")); ?>" class="w-100" />
                  </a>
                <?php } else if(($r->workshop_session =='DISTANCE-PRESENTIEL' && $r->registration_type== 'soir-distance') || $r->workshop_session =='DISTANCE'){?>
                  <a href="<?php echo base_url(urlencode('atelier-a-distance').'/'.$r->event_id); ?>">
                    <img src="<?php echo auto_version(base_url("resources/images/frontoffice/events/{$r->file_name}")); ?>" class="w-100" />
                  </a>
                <?php } else { ?>
                  <img src="<?php echo auto_version(base_url("resources/images/frontoffice/events/{$r->file_name}")); ?>" class="w-100" />
                <?php } ?>  
              </div>
              <div class="col-sm-12 col-md-7 col-lg-7 d-flex flex-column justify-content-between">
                <div>
                <?php if($r->workshop_session =='ENLIGNE' || $r->workshop_session =='DISTANCE'){?>
                  <a href="<?php echo base_url(urlencode('cours-en-ligne-achat').'/'.$r->event_id); ?>">
                  <div class="font-weight-bold workshop-speaker"><?php echo $r->workshop_author; ?></div>
                  <div class="workshop-title"><?php echo $r->title; ?></div>
                  </a>
                <?php } else if($r->workshop_session =='DISTANCE-PRESENTIEL' && $r->registration_type== 'soir-distance'){?>
                  <a href="<?php echo base_url(urlencode('atelier-a-distance').'/'.$r->event_id); ?>">
                  <div class="font-weight-bold workshop-speaker"><?php echo $r->workshop_author; ?></div>
                  <div class="workshop-title"><?php echo $r->title; ?></div>
                  </a>
                <?php } else { ?>
                  <div class="font-weight-bold workshop-speaker"><?php echo $r->workshop_author; ?></div>
                  <div class="workshop-title"><?php echo $r->title; ?></div>
                <?php } ?>
                </div>
                <div class="purchase-info d-flex justify-content-between">
                  <div class="flex-item">
                    <div>Date d'achat</div>
                    <div class="purchase_date"><?php echo date('d/m/y', strtotime($r->date)); ?></div>
                  </div>
                  <div class="flex-item">
                    <div>Nᵒ de commande</div>
                    <div class="orderNo"><?php echo $r->id; ?></div>
                  </div>
                  <div class="flex-item">
                    <div>Montant</div>
                    <div class="amount"><?php echo $r->g_total; ?> MGA</div>
                  </div>
                </div>
                <div>
                  <a class="collapse-link" data-toggle="collapse" href="#workshop-<?php echo $index; ?>" role="button" aria-expanded="false" aria-controls="workshop-details">
                    <?=$r->workshop_session =='ENLIGNE'? 'Détails du cours' :'Détails de l’atelier'?>  <span class="arrow">></span>
                  </a>
                </div>
              </div>
              <?php if($r->workshop_session =='ENLIGNE' || $r->workshop_session =='DISTANCE'){?>
                <div class="col-12 collapse" id="workshop-<?php echo $index; ?>">
                  <div class="d-flex justify-content-between my-3">
                    <div class="flex-item">
                      <div class="font-weight-bold">Séances</div>
                      <div class="workshop-session">
                        <span class="font-weight-semibold"><?php echo $r->total_videos; ?> vidéo<?=$r->total_videos > 1 ? 's':'' ?></span> <?php echo $r->total_videos_duration; ?> de cours
                      </div>
                    </div>
                  </div>
                </div>
              <?php } else { ?>
                <div class="col-12 collapse" id="workshop-<?php echo $index; ?>">
                  <div class="d-flex justify-content-between my-3 workshop-info">
                    <div class="flex-item">
                      <div class="font-weight-bold">Séances</div>
                      <div class="workshop-session">
                          <?php echo $r->number_of_sessions; ?> séances (<?php echo ($r->hours_per_session * $r->number_of_sessions); ?>h d’atelier)
                      </div>
                    </div>
                    <div class="flex-item">
                      <div class="font-weight-bold">Lieu de l’atelier</div>
                      <div class="workshop-venue"><?php echo $r->address; ?></div>
                    </div>
                    <div class="flex-item">
                      <div class="font-weight-bold">Nombre de place</div>
                      <div class="slot-reserved"><?php echo $r->number_of_guest; ?></div>
                    </div>
                  </div>
                  <div class="workshops-schedule">
                    <?php foreach ($reservations['sessions'][$index] as $sess): ?>
                      <?php
                        setlocale(LC_TIME, 'fr_FR', 'French_France', 'French');
                        $date_format = '%a, %e %b %Y';
                        $time_format = '%Hh%M';
                        $startDatetime = strtotime($sess->start_date_time);
                        $endDatetime = strtotime($sess->end_date_time);
                        $durationInHours = ($endDatetime - $startDatetime) / 3600;
                      ?>
                      <div class="mc-event-sched">
                        <div class="font-weight-semibold event-date"><?php echo preg_replace( '/[.]/', '', ucfirst(utf8_encode(strftime($date_format, $startDatetime)))); ?></div>
                        <div class="event-time">
                          — <?php echo strftime($time_format, $startDatetime) . ' à ' . strftime($time_format, $endDatetime); ?>
                        </div>
                        <div class="event-duration"> <span>—</span> Durée <?php echo round($durationInHours, 2); ?> h</div>
                      </div>
                    <?php endforeach; ?>
                  </diV>    
                </div>
              <?php } ?>
            </div>
          </div>
        <?php endforeach; ?>
      </div>

      <!-- HISTORY TAB CONTENT-->
      <div class="tab-pane fade" id="mon-historique" role="tabpanel" aria-labelledby="historique-tab">
        <?php if (empty($reservations['base'])): ?>
          <div class="workshop-box no-reservation">
            Aucun achat
          </div>
        <?php endif; ?>
        
        <?php foreach ($reservations_history['base'] as $index => $r): ?>
          <div class="workshop-box">
            <div class="row">
              <div class="col-sm-12 col-md-5 col-lg-5 mc-purchase-img">
                <img src="<?php echo auto_version(base_url("resources/images/frontoffice/events/{$r->file_name}")); ?>" class="w-100" />
              </div>
              <div class="col-sm-12 col-md-7 col-lg-7 d-flex flex-column justify-content-between">
                <div>
                  <div class="font-weight-bold workshop-speaker"><?php echo $r->workshop_author; ?></div>
                  <div class="workshop-title"><?php echo $r->title; ?></div>
                </div>
                <div class="purchase-info d-flex justify-content-between">
                  <div class="flex-item">
                    <div>Date d'achat</div>
                    <div class="purchase_date"><?php echo date('d/m/y', strtotime($r->date)); ?></div>
                  </div>
                  <div class="flex-item">
                    <div>Nᵒ de commande</div>
                    <div class="orderNo"><?php echo $r->id; ?></div>
                  </div>
                  <div class="flex-item">
                    <div>Montant</div>
                    <div class="amount"><?php echo $r->g_total; ?> MGA</div>
                  </div>
                </div>
                <div>
                  <a class="collapse-link" data-toggle="collapse" href="#workshop-<?php echo $index; ?>" role="button" aria-expanded="false" aria-controls="workshop-details">
                  <?=$r->workshop_session =='ENLIGNE'? 'Détails du cours' :'Détails de l’atelier'?>  <span class="arrow">></span>
                  </a>
                </div>
              </div>
              <?php if($r->workshop_session =='ENLIGNE' || $r->workshop_session =='DISTANCE'){?>
                <div class="col-12 collapse" id="workshop-<?php echo $index; ?>">
                  <div class="d-flex justify-content-between my-3">
                    <div class="flex-item">
                      <div class="font-weight-bold">Séances</div>
                      <div class="workshop-session">
                      <span class="font-weight-semibold"><?php echo $r->total_videos; ?> vidéo<?=$r->total_videos > 1 ? 's':'' ?></span> <?php echo $r->total_videos_duration; ?> de cours
                      </div>
                    </div>
                  </div>
                </div>
              <?php } else { ?>
                
                <div class="col-12 collapse" id="workshop-<?php echo $index; ?>">
                  <div class="d-flex justify-content-between my-3 workshop-info">
                    <div class="flex-item">
                      <div class="font-weight-bold">Séances</div>
                      <div class="workshop-session">
                          <?php echo $r->number_of_sessions; ?> séances (<?php echo ($r->hours_per_session * $r->number_of_sessions); ?>h d’atelier)
                      </div>
                    </div>
                    <div class="flex-item">
                      <div class="font-weight-bold">Lieu de l’atelier</div>
                      <div class="workshop-venue"><?php echo $r->address; ?></div>
                    </div>
                    <div class="flex-item">
                      <div class="font-weight-bold">Nombre de place</div>
                      <div class="slot-reserved"><?php echo $r->number_of_guest; ?></div>
                    </div>
                  </div>
                  <div class="workshops-schedule">
                    <?php foreach ($reservations_history['sessions'][$index] as $sess): ?>
                      <?php
                        setLocale(LC_TIME, 'fr_FR');
                        $date_format = '%a, %e %b %Y';
                        $time_format = '%Hh%M';
                        $startDatetime = strtotime($sess->start_date_time);
                        $endDatetime = strtotime($sess->end_date_time);
                        $durationInHours = ($endDatetime - $startDatetime) / 3600;
                      ?>
                      <div class="mc-event-sched">
                        <div class="font-weight-semibold event-date"><?php echo preg_replace( '/[.]/', '', ucfirst(utf8_encode(strftime($date_format, $startDatetime)))); ?></div>
                        <div class="event-time">
                          — <?php echo strftime($time_format, $startDatetime) . ' à ' . strftime($time_format, $endDatetime); ?>
                        </div>
                        <div class="event-duration"> <span>—</span> Durée <?php echo $durationInHours; ?> h</div>
                      </div>
                    <?php endforeach; ?>
                  </diV>    
                </div>
              <?php } ?>
            </div>
          </div>
        <?php endforeach; ?>
      </div>
    </div>
  </div>
  <div class="contact-section">
    <div class="row align-items-center">
      <div class="col-sm-12 col-md-6 col-lg-6">
        <div class="contact-img">
          <img src="<?php echo auto_version(base_url('resources/images/frontoffice/icons/contact.svg')); ?>" />
        </div>
        <div class="contact-text">
          Vous avez une question ? <br>
          <span>Annulation, remboursement, échange</span>
        </div>
      </div>
      <div class="col-sm-12 col-md-6 col-lg-6 col-contact-btn">
        <a class="btn contact-btn" href="<?php echo base_url('contact'); ?>">Contactez-nous</a>
      </div>
    </div>
  </div>
  <div class="history-footer my-5">
    <p>Pour connaître vos droits sur les données personnelles que vous nous confiez, consultez notre <a href="https://www.lemonde.fr/confidentialite/">politique de confidentialité</a> ou contactez notre délégué à la protection des données via l'adresse e-mail <a href="mailto:dpo@groupelemonde.fr">dpo@groupelemonde.fr</a>.</p>
    <p>Pour toute question, vous pouvez contacter notre service client par mail <a href="mailto:clientnumerique@lemonde.fr">clientnumerique@lemonde.fr</a> ou par téléphone au 03-28-25-71-71 (prix d’un appel local) et au (33)3-28-25-71-71 depuis l'étranger, du lundi au vendredi, de 9 heures à 18 heures, heure de Paris.</p>
  </div>
</div>