<?php
 if(basename(__FILE__) == basename($_SERVER['PHP_SELF'])){exit();}
 global $config;

 $videos = require 'config/data/media.php';
 $video_linx = array_keys($videos);

 if (!empty($_GET['v']) && in_array($_GET['v'], $video_linx)) $loadvid = $_GET['v']; else $loadvid = 'egitel-studio-enregistrement-musique-attente';
 $vidicc = $videos[$loadvid];
 $link_end='';
 if (!empty($_GET['f']) && $_GET['f']==1) {
 $__f = 1;
 $link_end='&f=1';
 } else $__f = 0;

 $titr = $vidicc['titr'].' | Egitel Media';
 $desc = $vidicc['desc'];
?>

<?php $_shouldextend[1]=1; ?>


<?php $this->startSection('wisra_basic_content'); ?>
 @parentXYZABC

<!-- ======= Breadcrumbs ======= -->
<section class="breadcrumbs">
 <div class="container">

 <div class="d-flex justify-content-between align-items-center">
 <h2>Media</h2>
 </div>

 </div>
</section><!-- End Breadcrumbs -->

<section class="inner-page">
 <div class="container<?php echo ($__f == 1) ? ' video-full-container' : '' ?>" id="video-container">
 <section class="video-modal__viewport">
 <div class="video-modal__content js-modal-content">
 <div class="video-modal__video-column">
 <div class="video-player--div">
 <iframe jsname="vLxpee" allow="autoplay ;fullscreen" src="https://www.youtube.com/embed/<?php echo $vidicc['code']?>?start=1&rel=0&modestbranding=0&showinfo=0&playsinline=0&enablejsapi=1&fs=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" height="100%" width="100%" title="<?php echo $vidicc['titr']?>"></iframe>
 </div>
 </div>
 <div class="video-modal__sidebar-column">
 <div class="video-modal__description-container">
 <section class="video-description video-description--narrow">
 <div class="video-description__text-container js-description-text">
 <h1 class="video-description__title"><?php echo $vidicc['titr']?> </h1> 
 <p class="video-description__description <?php echo $vidicc['lang']?>"><?php echo $vidicc['desc']?> </p> 
 <span class="video-description__video-info">  
 <span class="video-description__tag"> <?php echo $vidicc['catr']?> </span>  
 <span class="video-description__duration"> 
 <img type="image/svg+xml" class="icon" src="<?php echo $config['app_url'] ?>sources/image/svg/play-button.svg" width="10" height="10"/> <?php echo $vidicc['time']?>  
 </span> 
 <span class="video-description__divider"></span> 
 <time class="video-description__published"> 
 <img type="image/svg+xml" class="icon" src="<?php echo $config['app_url'] ?>sources/image/svg/clock.svg" width="10" height="10"/> <?php echo $vidicc['date']?> 
 </time> 
 </span>
 </div>
 </section>
 </div>
 <div class="video-modal__sidebar-container">
 <section class="video-sidebar">
 <div class="video-sidebar__next-up video-sidebar__next-up--hidden js-next-up"></div>
 <div class="video-sidebar__heading">
 <h1 class="video-sidebar__title">
 Autres <span class="video-sidebar__title-bold">vidéos</span> 
 </h1>
 <div class="video-resize-box<?php echo ($__f == 1) ? ' video-full' : '' ?>" id="video-resize-box">
 <a href="javascript:;" class="video-resize video-resize-on">
 <img src="<?php echo $config['app_url'] ?>sources/image/svg/expand.svg" class="video-resize-pic" />
 </a>
 <a href="javascript:;" class="video-resize video-resize-off">
 <img src="<?php echo $config['app_url'] ?>sources/image/svg/contract.svg" class="video-resize-pic" />
 </a>
 </div>
 </div>
 <ul class="video-sidebar__video-list js-video-list">
 <?php
 foreach ($videos as $lnk => $vidigo) {
 if ($lnk!=$loadvid) {
 ?>
 <li class="sidebar-thumb sidebar-thumb--free goto__link" data-link="<?php echo $config['app_url'] ?>media-video-egitel?v=<?php echo $lnk.$link_end ?>"> 
 <div class="sidebar-thumb__image"> 
 <picture class="sidebar-thumb__picture"> 
 <img src="<?php echo $config['app_url'] ?>sources/image/media/<?php echo $vidigo['code']?>-min.webp" alt="<?php echo $vidigo['titr']?>" class="sidebar-thumb__img"/> 
 </picture> 
 <div class="sidebar-thumb__duration"> 
 <img type="image/svg+xml" class="icon" src="<?php echo $config['app_url'] ?>sources/image/svg/play-button.svg" width="10" height="10"/> <?php echo $vidigo['time']?> 
 </div> 
 <div class="sidebar-thumb__play-icon"> 
 <img type="image/svg+xml" class="icon" src="<?php echo $config['app_url'] ?>sources/image/svg/play-button.svg" width="10" height="10"/>
 </div> 
 </div> 
 <div class="sidebar-thumb__text"> 
 <div class="sidebar-thumb__tag "> 
 <span class="sidebar-thumb__tag-name"><?php echo $vidigo['catr']?></span> 
 <span class="sidebar-thumb__views"> 
 <img type="image/svg+xml" class="icon" src="<?php echo $config['app_url'] ?>sources/image/svg/clock.svg" width="10" height="10"/> <?php echo $vidigo['date']?>
 </span> 
 </div> 
 <h2 class="sidebar-thumb__title"> <?php echo $vidigo['titr']?> </h2> 
 </div> 
 </li>
 <?php }}?>
 </ul>
 </section>
 </div>
 </div>
 </div>
 </section>
 </div>
</section>
 
<?php $this->stopSection(); ?>

<?php /*-------------------------- Slider --------------------------*/ ?>
<?php $this->startSection('wisra_slider_content'); ?>
<?php $this->stopSection(); ?>

<?php /*-------------------------- Put here your additional CSS files for this page --------------------------*/ ?>
<?php $this->startSection('wisra_css_content'); ?>
<?php $this->stopSection(); ?>


<?php /*-------------------------- Put here your additional JS files  for this page --------------------------*/ ?>
<?php $this->startSection('wisra_js_content'); ?>
<script>
 // do not hide header
 var headwhite=1, fullsize=<?php echo $__f ?>;
 $('li.goto__link').click(function() {
 var lnk = $(this).attr('data-link');
 window.open(lnk,'_self');
 });

 $('.video-resize.video-resize-on, .video-resize.video-resize-off').click(function() {
 fullsize = 1 - fullsize;
 $('#video-container').toggleClass('video-full-container');
 $('#video-resize-box').toggleClass('video-full');
 $('li.goto__link[data-link]').each(function(){ 
 var oldUrl = $(this).attr("data-link"), newUrl;
 if (fullsize==1) newUrl = oldUrl+'&f=1'; else newUrl = oldUrl.replace("&f=1", "");
 $(this).attr("data-link", newUrl);
 });
 });
</script>
<?php $this->stopSection(); ?>

<?php if (@$_shouldextend[1]) { echo $this->runChild('layout', ['page_data' => array(
 'title' => $titr, 
 'description' => "$desc, IT, informatique, téléphonie, collaboration, télécommunication, collaboration, videosurveillance, sécurité...", 
 'keywords' => array("Egitel", "Egitel Entreprise", "installation réseaux", "réseaux informatiques", "réseaux télécommunication", "services et equipements", "certifié Alcatel-Lucent", "Alcatel-Lucent", "Alcatel Algerie"), 
 'headwhite' => 1
)]); } ?>