250 lines
14 KiB
PHP
250 lines
14 KiB
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>
|