You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

261 lines
14 KiB

<div class="container">
<h1 class="mc-header-title text-center">
<?=isset($homepage_title)?$homepage_title->title: 'Découvrez nos ateliers sélectionnés par la rédaction du Company For Madagascar'?>
</h1>
<div class="mc-banner-container">
<div class="h-100" id="link-atelier">
<div class="row h-100" style="">
<div class="col-md-4 col-sm-12 d-inline d-sm-inline d-md-none d-lg-none">
<img class="mc-mobile-banner-img" src="<?= isset($page_banner_bg) ? $page_banner_bg : auto_version(base_url('resources/images/frontoffice/banner/desktop-cover.png'))?>" alt="<?php echo $page_banner_bg ?>">
</div>
<div class="col-md-8 col-sm-12">
<div class="container mc-mobile-banner">
<div class="mc-featured-content">
<div class="mc-moment-text">ATELIER DU MOMENT</div>
<div id="title-atelier1" class="mc-featured-title">
<?php if(isset($page_banner_bg)) {
echo $page_banner_description;
} else {
echo "Dix façon d’écrire un Roman avec Camille Laurens";
} ?>
</div>
<div class="mc-workshop-link">
<span>Réserver</span>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 11.762V13.238H15.44L13.056 15.938L14 17L18 12.5L14 8L13.056 9.062L15.44 11.762H6Z" fill="#FCFCFD"/>
</svg>
</div>
</div>
</div>
</div>
</div>
<img class="mc-banner-bg d-none d-sm-none d-md-inline d-lg-inline" src="<?=isset($page_banner_bg) ? $page_banner_bg : auto_version(base_url('resources/images/frontoffice/banner/desktop-cover.png'))?>">
</div>
</div>
<?php
if(isset($logged_in) && !empty($logged_in)) {
if($reservations) {?>
<div class="hp-reservation my-5">
<div class="mc-block-title mb-4">Mes réservations</div>
<div class="reservation-lists card-deck">
<?php
foreach($reservations['base'] as $row) {
$url = base_url(urlencode(preg_replace('~[&\/\\#,+()$:*?<>{}]+~', '', implode("-",explode(" ",$row->workshop_author)))).'/'.$row->event_id);
if($row->video_reserved && $row->workshop_session =='ENLIGNE') {
$url = base_url('cours-en-ligne-achat/'.$row->event_id);
} else if(($row->workshop_session =='DISTANCE-PRESENTIEL' && $row->registration_type == 'soir-distance') || $row->workshop_session =='DISTANCE') {
$url = base_url('atelier-a-distance/'.$row->event_id);
}
?>
<div class="col-lg-4 <?=((date("Y-m-d H:i:s") > $row->end_date_time && $row->registration_type != 'soir-distance') ? ' d-none' : '')?>">
<a href="<?=$url?>">
<div class="card">
<div class="mc-workshop-img-card">
<div class="cancel-overlay <?=$row->event_status == 'CANCEL' ? '': 'd-none' ?>">
<div class="cancelled-label">ANNULE</div>
</div>
<div class="mc-card-img">
<img src="<?php echo auto_version(base_url('resources/images/frontoffice/events/'.$row->file_name)); ?>" class="card-img-top" alt="..." />
</div>
<div class="mc-card-content">
<div class="mc-workshop-speaker"><?=$row->workshop_author?></div>
<div class="mc-workshop-title"><?=$row->title?></div>
</div>
</div>
<div class="w-card-details">
<div class="w-card-status">
<div class="w-selection-type w-type<?php if($row->workshop_session === "ENLIGNE"){echo '2';} elseif($row->workshop_session === "DISTANCE-PRESENTIEL" || $row->workshop_session === "DISTANCE") {echo '3';} else {echo '1';} ?>">
<?php
if($row->workshop_session === "ENLIGNE"){
echo 'Cours en ligne';
} elseif($row->workshop_session === "DISTANCIEL" || $row->workshop_session === "PRESENTIEL") {
echo 'Atelier';
} elseif($row->workshop_session === "DISTANCE-PRESENTIEL" || $row->workshop_session === "DISTANCE") {
echo 'Cours du soir';
} else {
echo 'Atelier';
}
?>
</div>
<div class="w-status">
<?php
$date = date_create($row->start_date_time);
if($row->workshop_session === "ENLIGNE" || ($row->workshop_session == "DISTANCE-PRESENTIEL" && $row->registration_type == 'soir-distance') || $row->workshop_session == "DISTANCE"){
echo 'Voir la vidéo';
} elseif($row->workshop_session === "PRESENTIEL") {
echo date_format($date,'\L\e d/m/Y \à G\hi');
// } elseif($row->workshop_session === "DISTANCIEL"){
// echo 'Rejoindre';
} else {
echo date_format($date,'\L\e d/m/Y \à G\hi');
}
?>
</div>
</div>
</div>
</div>
</a>
</div>
<?php } ?>
</div>
</div>
<?php } } ?>
<!-- WORKSHOPS -->
<div class="mc-workshop-list my-5">
<h2 class="mc-block-title">Tous les ateliers</h2>
<?php
$ateliers = 0;
foreach($event_type as $row) {
$ateliers += $row->count;
}
?>
<div class="mc-workshop-total-count"><?=$ateliers;?> atelier<?=$ateliers > 1?'s':''?> disponsible<?=$ateliers > 1?'s':''?></div>
<div id="filter" class="mc-filter-btn-group mc-filter-btn d-flex mt-3">
<div class="d-flex w-categories-filter-block">
<button class="select-all workshop-type-btn" data-workshop-type=''>
Tous
</button>
<div class="dropdown" id="cat-dropdown">
<a class="workshop-type-btn btn" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="px-0 w-100">Catégories</span>
<span class="mr-100 d-arrow">
<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.056 0L8 0.954692L4 5L0 0.954692L0.944 0L4 3.1068L7.056 0Z" fill="#A4A9B4"/>
</svg>
</span>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<?php foreach($event_type as $row) { ?>
<div class="dropdown-item">
<div class="checkbox">
<input type="checkbox" id="<?php echo "workshop-".$row->event_type;?>" data-workshop-type='<?=$row->event_type_id?>' class=" workshop-type-btn filter-cat" name="" value="">
<label for="checkbox" onClick="$('#<?php echo "workshop-".$row->event_type;?>').click()"><span><?php echo $row->event_type;?></span></label>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
<div class="d-flex w-type-filter-block">
<button class="atelier" data-workshop-type=''>
<div class="checkbox">
<input type="checkbox" name="" value="">
<label for="checkbox"><span>Ateliers</span></label>
</div>
</button>
<button class="soir" data-workshop-type=''>
<div class="checkbox">
<input type="checkbox" name="" value="">
<label for="checkbox"><span>Cours du soir</span></label>
</div>
</button>
<button class="enligne" data-workshop-type=''>
<div class="checkbox">
<input type="checkbox" name="" value="">
<label for="checkbox"><span>Cours en ligne</span></label>
</div>
</button>
</div>
</div>
<div class="workshops-list mt-5">
<div class="link-detail-page">
<?php
foreach($event_seo["data"] as $seo_e => $s_o){
$url = base_url(urlencode(preg_replace('~[&\/\\#,+()$:*?<>{}]+~', '', implode("-",explode(" ",$s_o->workshop_author)))).'/'.$s_o->event_id);
print "<a href='$url'></a>";
}
?>
</div>
<div class="card-deck">
<div id="events-list"></div>
</div>
<nav aria-label="Page navigation" class="pagination-nav mb-5">
<ul class="pagination justify-content-center mt-5" id="paginate"></ul>
<div class="pagination-footer">
( <span id="workshop-count-per-page"></span> événement disponible )
</div>
</nav>
</div>
</div>
</div>
<!-- PREVIOUS WORKSHOPS -->
<div class="mc-prev-workshop">
<div class="container">
<div class="mc-block-title mb-4">Les anciens ateliers</div>
<div class="mc-workshop-carousel card-deck">
<?php
if($past_events) {
foreach($past_events as $row) {
$url = base_url(urlencode(preg_replace('~[&\/\\#,+()$:*?<>{}]+~', '', implode("-",explode(" ",$row->workshop_author)))).'/'.$row->event_id);
if($row->video_reserved) {
$url = base_url('cours-en-ligne-achat/'.$row->event_id);
}
?>
<div class="mc-carousel-card card col-lg-4">
<a href="<?=$url?>">
<img class="mc-card-img-top" src="<?php echo auto_version(base_url('resources/images/frontoffice/events/'.$row->file_name)); ?>" class="card-img-top" alt="...">
<div class="bg-white mc-carousel-card-content">
<div class="mc-card-speaker font-weight-bold"><?=$row->workshop_author?></div>
<div class="mc-card-description"><?=$row->title?></div>
<div class="card-footer">
<!-- <div class="ratings-block">
<div>Avis</div>
<div class="star-rating">
<svg width="15" height="15" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.52588 0.415684C8.67825 -0.0392711 9.32175 -0.039272 9.47412 0.415683L11.1792 5.50685C11.2469 5.70911 11.4355 5.84612 11.6488 5.84804L17.0177 5.89639C17.4974 5.90071 17.6963 6.51272 17.3107 6.79821L12.9956 9.99307C12.8242 10.12 12.7521 10.3417 12.8162 10.5451L14.4293 15.6662C14.5735 16.1238 14.0528 16.502 13.6622 16.2235L9.29024 13.1069C9.11655 12.9831 8.88345 12.9831 8.70976 13.1069L4.33784 16.2235C3.94715 16.502 3.42655 16.1238 3.5707 15.6662L5.18379 10.5451C5.24788 10.3417 5.17584 10.12 5.00441 9.99307L0.68932 6.79821C0.303716 6.51272 0.502568 5.90071 0.98234 5.89639L6.35121 5.84804C6.56451 5.84612 6.75309 5.70911 6.82083 5.50685L8.52588 0.415684Z" fill="#005B85"/>
</svg>
<svg width="15" height="15" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.52588 0.415684C8.67825 -0.0392711 9.32175 -0.039272 9.47412 0.415683L11.1792 5.50685C11.2469 5.70911 11.4355 5.84612 11.6488 5.84804L17.0177 5.89639C17.4974 5.90071 17.6963 6.51272 17.3107 6.79821L12.9956 9.99307C12.8242 10.12 12.7521 10.3417 12.8162 10.5451L14.4293 15.6662C14.5735 16.1238 14.0528 16.502 13.6622 16.2235L9.29024 13.1069C9.11655 12.9831 8.88345 12.9831 8.70976 13.1069L4.33784 16.2235C3.94715 16.502 3.42655 16.1238 3.5707 15.6662L5.18379 10.5451C5.24788 10.3417 5.17584 10.12 5.00441 9.99307L0.68932 6.79821C0.303716 6.51272 0.502568 5.90071 0.98234 5.89639L6.35121 5.84804C6.56451 5.84612 6.75309 5.70911 6.82083 5.50685L8.52588 0.415684Z" fill="#005B85"/>
</svg>
<svg width="15" height="15" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.52588 0.415684C8.67825 -0.0392711 9.32175 -0.039272 9.47412 0.415683L11.1792 5.50685C11.2469 5.70911 11.4355 5.84612 11.6488 5.84804L17.0177 5.89639C17.4974 5.90071 17.6963 6.51272 17.3107 6.79821L12.9956 9.99307C12.8242 10.12 12.7521 10.3417 12.8162 10.5451L14.4293 15.6662C14.5735 16.1238 14.0528 16.502 13.6622 16.2235L9.29024 13.1069C9.11655 12.9831 8.88345 12.9831 8.70976 13.1069L4.33784 16.2235C3.94715 16.502 3.42655 16.1238 3.5707 15.6662L5.18379 10.5451C5.24788 10.3417 5.17584 10.12 5.00441 9.99307L0.68932 6.79821C0.303716 6.51272 0.502568 5.90071 0.98234 5.89639L6.35121 5.84804C6.56451 5.84612 6.75309 5.70911 6.82083 5.50685L8.52588 0.415684Z" fill="#005B85"/>
</svg>
<svg width="15" height="15" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.52588 0.415684C8.67825 -0.0392711 9.32175 -0.039272 9.47412 0.415683L11.1792 5.50685C11.2469 5.70911 11.4355 5.84612 11.6488 5.84804L17.0177 5.89639C17.4974 5.90071 17.6963 6.51272 17.3107 6.79821L12.9956 9.99307C12.8242 10.12 12.7521 10.3417 12.8162 10.5451L14.4293 15.6662C14.5735 16.1238 14.0528 16.502 13.6622 16.2235L9.29024 13.1069C9.11655 12.9831 8.88345 12.9831 8.70976 13.1069L4.33784 16.2235C3.94715 16.502 3.42655 16.1238 3.5707 15.6662L5.18379 10.5451C5.24788 10.3417 5.17584 10.12 5.00441 9.99307L0.68932 6.79821C0.303716 6.51272 0.502568 5.90071 0.98234 5.89639L6.35121 5.84804C6.56451 5.84612 6.75309 5.70911 6.82083 5.50685L8.52588 0.415684Z" fill="#D5D8DC"/>
</svg>
<svg width="15" height="15" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.52588 0.415684C8.67825 -0.0392711 9.32175 -0.039272 9.47412 0.415683L11.1792 5.50685C11.2469 5.70911 11.4355 5.84612 11.6488 5.84804L17.0177 5.89639C17.4974 5.90071 17.6963 6.51272 17.3107 6.79821L12.9956 9.99307C12.8242 10.12 12.7521 10.3417 12.8162 10.5451L14.4293 15.6662C14.5735 16.1238 14.0528 16.502 13.6622 16.2235L9.29024 13.1069C9.11655 12.9831 8.88345 12.9831 8.70976 13.1069L4.33784 16.2235C3.94715 16.502 3.42655 16.1238 3.5707 15.6662L5.18379 10.5451C5.24788 10.3417 5.17584 10.12 5.00441 9.99307L0.68932 6.79821C0.303716 6.51272 0.502568 5.90071 0.98234 5.89639L6.35121 5.84804C6.56451 5.84612 6.75309 5.70911 6.82083 5.50685L8.52588 0.415684Z" fill="#D5D8DC"/>
</svg>
</div>
</div> -->
<div class="mc-card-link"><span>Détails atelier</span> <img src="<?php echo auto_version(base_url('resources/images/frontoffice/icons/Arrow-blue.svg')); ?>"/></div>
</div>
</div>
</a>
</div>
<?php } }?>
</div>
</div>
</div>
<!-- Announcement Modal -->
<div class="modal fade" id="announcement-modal" tabindex="-1" role="dialog" aria-labelledby="announcement-modal" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="fa fa-times-circle" style="font-size: 16px;" aria-hidden="true"></i>
</button>
<h5 class="modal-title mon-primary" id="announcement-modal-label"><?php echo $announcement_title?></h5>
</div>
<div id="announcement-content" class="modal-body">
<div class="pl-3 pr-3">
<?php echo $announcement_content?>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">ACCÉDER AU SITE</button>
</div>
</div>
</div>
</div>
<?php
if(isset($subscription)){
echo "<script> var subscription = ". json_encode($subscription). "</script>";
}
?>