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.
72 lines
4.0 KiB
72 lines
4.0 KiB
<div class="header-section">
|
|
<div class="banner-links">
|
|
<div>
|
|
<a class="return-action event-detail-return" href="<?php echo base_url(); ?>" ><img src="<?php echo auto_version(base_url('resources/images/frontoffice/icons/fleche.svg')); ?>"/> Tous les ateliers</a> <span class="text-white mx-1">/</span> <a class="current-page">Cours en ligne</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="soir-course-video pb-5">
|
|
<div class="container">
|
|
<div class="video-achat-container">
|
|
<div class="mc-event-speaker"><?=$event_details->workshop_author?></div>
|
|
<div class="mc-event-title"><?=$event_details->title?></div>
|
|
|
|
<?php
|
|
if(count($event_videos['upcoming'])>0) {
|
|
$date = isset($_GET["date"]) ? $_GET["date"] : date("Y-m-d H:i:s");
|
|
if($event_videos['upcoming'][0]->live_video_start_date > $date) { ?>
|
|
<!-- IF VIDEO IS SOON AVAILABLE -->
|
|
<div class="video-container soon-available position-relative" >
|
|
<div class="mc-block-title">Cours en direct</div>
|
|
<div class="soon-detail">Prochain cours <?=$event_videos['upcoming'][0]->day?> <?=$event_videos['upcoming'][0]->month?> à <?=substr($event_videos['upcoming'][0]->live_video_start_date,11)?></div>
|
|
</div>
|
|
<!-- END -->
|
|
<?php } else {?>
|
|
|
|
<!-- IF VIDEO IS AVAILABLE TO STREAM -->
|
|
<div class="video-container position-relative">
|
|
<div class="mc-block-title">Cours en direct</div>
|
|
<div class="embed-responsive embed-responsive-16by9" id="video-player">
|
|
<?php print_r(json_decode($event_videos['upcoming'][0]->embed));?>
|
|
</div>
|
|
<button id="pause-btn">Pause</button>
|
|
<div id="overlay-content-btn" class="mobile-overlay-video">
|
|
<div class="overlay-content">
|
|
<img class="mc-icon" src="<?php echo auto_version(base_url('resources/images/frontoffice/icons/icon-video.svg')); ?>" />
|
|
<!-- <div>Lire la bande-annonce</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END -->
|
|
<?php }
|
|
}?>
|
|
|
|
<?php if($event_videos['total_replay_videos'] > 0) { ?>
|
|
<!-- REPLAY VIDEO CONTAINER -->
|
|
<div class="replay-container">
|
|
<div class="mc-block-title pb-0">Replay disponible</div>
|
|
<div class="mc-block-subtitle"><?=$event_videos['total_replay_videos']?> cours <span class="font-weight-normal">- <?=$event_videos['total_replay_duration']?> de cours</span></div>
|
|
<div class="replay-lists" id="replay-lists">
|
|
<?php
|
|
$counter = 0;
|
|
foreach($event_videos['replay'] as $video) { $counter+=1; ?>
|
|
<div class="replay-item">
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<?php print_r(json_decode($video->embed));?>
|
|
</div>
|
|
<div class="replay-header">
|
|
<span class="video-title"><?=$counter?>. <?=$video->title?></span>
|
|
<span class="v-separator">|</span>
|
|
<span class="video-duration"><?=$video->duration?></span>
|
|
</div>
|
|
<p class="video-details">
|
|
<?=$video->description?>
|
|
</p>
|
|
</div>
|
|
<?php } ?>
|
|
</div> <!--- END replay-lists -->
|
|
</div> <!--- END replay-container -->
|
|
<?php } ?>
|
|
</div> <!--- END video-achat-container -->
|
|
</div> <!--- END container -->
|
|
</div> <!--- END online-course-achat -->
|