<?php
 if(basename(__FILE__) == basename($_SERVER['PHP_SELF'])){exit();}
 global $config;

 $prods = require 'config/data/prod.php';
 $prod = $prods['electricite'];
 $sprods = $prod['lista'];

 if (!empty($_GET['i']) && filter_var($_GET['i'], FILTER_VALIDATE_INT) && $_GET['i']<=$prod['total'] ) $__i = $_GET['i']; else $__i = 0;

 if ($__i==0) {
 $titre = 'Egitel | '.$prod['titre'];
 $title = $prod['title'];
 } else {
 $titre = $sprods[$__i]['namexx'].' | Egitel';
 $title = $sprods[$__i]['namexx'];
 }
?>

<?php $_shouldextend[1]=1; ?>


<?php $this->startSection('wisra_basic_content'); ?>
 @parentXYZABC

<!-- ======= Breadcrumbs ======= -->
<section id="breadcrumbs" class="breadcrumbs">
 <div class="container">

 <div class="d-flex justify-content-between align-items-center">
 <h2><?php echo $title ?></h2>
 <ol>
 <li><a href="<?php echo $config['app_url'] ?>produit-electricite-ondulee">Électricité Ondulée</a></li>
 <li>Tout</li>
 </ol>
 </div>

 </div>
</section><!-- End Breadcrumbs -->

<!-- ======= Portfolio Details Section ======= -->
<section id="portfolio-details" class="portfolio-details">
 <div class="container">

 <div class="row gy-4">

 <div class="col-lg-8">
 <div class="portfolio-details-slider swiper">
 <div class="swiper-wrapper align-items-center">

 <?php if ($__i==0) { ?>

 <div class="swiper-slide">
 <picture>
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/electricite/produit-electricite-egitel-1.webp" type="image/webp">
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/electricite/produit-electricite-egitel-1.jpg" type="image/jpeg">
 <img src="<?php echo $config['app_url'] ?>sources/image/produits/electricite/produit-electricite-egitel-1.jpg" alt="<?php echo $title ?>">
 </picture>
 </div>

 <div class="swiper-slide">
 <picture>
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/electricite/produit-electricite-egitel-2.webp" type="image/webp">
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/electricite/produit-electricite-egitel-2.jpg" type="image/jpeg">
 <img src="<?php echo $config['app_url'] ?>sources/image/produits/electricite/produit-electricite-egitel-2.jpg" alt="<?php echo $title ?>">
 </picture>
 </div>

 <div class="swiper-slide">
 <a data-fancybox href="https://www.youtube.com/watch?v=Pz2cntBEQkU&start=1&rel=0&modestbranding=0&showinfo=0&playsinline=0&enablejsapi=1&fs=1">
 <picture>
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/electricite/produit-electricite-egitel-3.webp" type="image/webp">
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/electricite/produit-electricite-egitel-3.jpg" type="image/jpeg">
 <img src="<?php echo $config['app_url'] ?>sources/image/produits/electricite/produit-electricite-egitel-3.jpg" alt="<?php echo $title ?>">
 </picture>
 <img src="<?php echo $config['app_url'] ?>sources/image/svg/youtube-2.svg" alt="" class="youtube-ico">
 </a>
 </div>

 <?php } elseif (!empty($sprods[$__i]['youtube'])) { ?>

 <div class="swiper-slide">

 <a data-fancybox href="https://www.youtube.com/watch?v=<?php echo $sprods[$__i]['youtube'] ?>&start=1&rel=0&modestbranding=0&showinfo=0&playsinline=0&enablejsapi=1&fs=1">
 <picture>
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/electricite/<?php echo $sprods[$__i]['carego'] ?>/<?php echo $sprods[$__i]['pictur'] ?>.webp" type="image/webp">
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/electricite/<?php echo $sprods[$__i]['carego'] ?>/<?php echo $sprods[$__i]['pictur'] ?>.jpg" type="image/jpeg">
 <img src="<?php echo $config['app_url'] ?>sources/image/produits/electricite/<?php echo $sprods[$__i]['carego'] ?>/<?php echo $sprods[$__i]['pictur'] ?>.jpg" alt="<?php echo $title ?>">
 </picture>
 <img src="<?php echo $config['app_url'] ?>sources/image/svg/youtube-2.svg" alt="" class="youtube-ico">
 </a>
 </div>

 <?php } else { ?>

 <div class="swiper-slide">
 <img src="<?php echo $config['app_url'] ?>.webp" alt="<?php echo $title ?>">
 <picture>
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/electricite/<?php echo $sprods[$__i]['carego'] ?>/<?php echo $sprods[$__i]['pictur'] ?>.webp" type="image/webp">
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/electricite/<?php echo $sprods[$__i]['carego'] ?>/<?php echo $sprods[$__i]['pictur'] ?>.jpg" type="image/jpeg">
 <img src="<?php echo $config['app_url'] ?>sources/image/produits/electricite/<?php echo $sprods[$__i]['carego'] ?>/<?php echo $sprods[$__i]['pictur'] ?>.jpg" alt="<?php echo $title ?>">
 </picture>
 </div>

 <?php } ?>

 </div>
 <div class="swiper-pagination"></div>
 </div>

 <?php if ($__i==0) { ?>
 <div class="portfolio-description">
 <p>
 Nous travaillons en étroite collaboration avec des fournisseurs de renom pour garantir que tous nos produits sont de qualité supérieure et répondent aux normes de sécurité les plus strictes. 
 </p>
 </div>
 <?php } ?>

 </div>

 <div class="col-lg-4">
 <?php if ($__i==0) { ?>
 <div class="portfolio-info">
 <h2><?php echo $title ?></h2>
 <ul>
 <li><strong>Legrand</strong></li>
 </ul>
 </div>
 <?php } else { ?>
 <div class="portfolio-info">
 <h2><?php echo $title ?></h2>
 <ul>
 <li><strong><?php echo $sprods[$__i]['carego'] ?></strong></li>
 </ul>
 </div>
 <?php } ?>


 <?php if ($__i==0) { ?>
 <div class="portfolio-description">
 <p>
 Notre gamme de produits d'onduleur électrique comprend des solutions complètes pour répondre aux besoins des entreprises de toutes tailles. Nous offrons des câbles, des prises électriques, des disjoncteurs et des tableaux électriques, ainsi que des onduleurs à grandes capacités pour assurer une alimentation électrique stable et ininterrompue en cas de coupure de courant ou de perturbation du réseau.<br/>
 Nos onduleurs électriques sont parmi les plus fiables et durables du marché, offrant une protection fiable pour vos équipements électriques. Nous proposons une large gamme de tailles, allant des plus petits pour les équipements informatiques individuels aux grandes capacités pour les applications industrielles.
 </p>
 </div>
 <?php } elseif (!empty($sprods[$__i]['contnt'])) echo $sprods[$__i]['contnt']; ?>
 </div>

 </div>

 </div>
</section><!-- End Portfolio Details Section -->

<!-- ======= Portfolio Section ======= -->
<section id="portfolio" class="portfolio">
 <div class="container">

 <div class="section-title" data-aos="fade-left">
 <?php if ($__i==0) { ?>
 <h2>produits</h2>
 <?php } else { ?>
 <h2>produits similaires</h2>
 <?php } ?>
 </div>

 <div class="row" data-aos="fade-up" data-aos-delay="200" id="prod-content"></div>

 <div class="text-center" id="loader">
 <div class="lds-ellipsis"><div></div><div></div><div></div>
 </div>

 </div>
</section><!-- End Portfolio 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'); ?>
<link href="<?php echo $config['app_url'] ?>sources/plugin/fancybox/jquery.fancybox.min.css" rel="stylesheet" type="text/css" />
<?php $this->stopSection(); ?>

<?php /*-------------------------- Put here your additional JS files  for this page --------------------------*/ ?>
<?php $this->startSection('wisra_js_content'); ?>
<script type="text/javascript" src="<?php echo $config['app_url'] ?>sources/plugin/fancybox/jquery.fancybox.min.js"></script>
<script>
 // do not hide header
 $('#prod-content').html('');
 var page = 1, onloado=0, j=0, supporto=0;
 var headwhite=1, prod = {}, src, npp=6, url='<?php echo $config['app_url'] ?>';
 <?php foreach ($sprods as $i => $ista) { ?>
 prod[<?php echo $i ?>] = {
 'carego' : '<?php echo $ista['carego'] ?>', 
 'namexx' : '<?php echo $ista['namexx'] ?>', 
 'pictur' : '<?php echo $ista['pictur'] ?>'
 };
 <?php } ?>

 function loadPic (i, src, url, prod) {
 onloado=1;
 var prd = prod[i], total = <?php echo $prod['total'] ?>;
 $('#prod-content').append('\
 <div class="col-lg-4 col-md-6 portfolio-item filter-card">\
 <div class="portfolio-wrap">\
 <img src="'+url+'sources/image/produits/electricite/electricite.webp" id="product-pic-'+i+'" class="img-fluid" alt="'+prd['namexx']+'">\
 <div class="portfolio-info">\
 <h4>'+prd['namexx']+'</h4>\
 <p>'+prd['carego']+'</p>\
 <div class="portfolio-links">\
 <a href="'+url+'produit-electricite-ondulee?i='+i+'" title="Plus de détails"><i class="bx bx-link"></i></a>\
 </div>\
 </div>\
 </div>\
 <h6 class="text-center">'+prd['namexx']+'</h6>\
 </div>\
 ');

 var myImg = new Image();
 myImg.onload = function() {
 var ext = (supporto==1) ? 'webp' : 'jpg';
 $('#product-pic-'+i).attr('src', url+'sources/image/produits/electricite/'+prd['carego']+'/'+src+'.'+ext);
 i++;
 if (i<=total) {
 j++;
 src = prod[i]['pictur'];
 if (typeof(src)!==undefined && j<6) loadPic (i, src, url, prod);
 else {j=0;page++;onloado=0;}
 } else $('#loader').remove();
 };
 myImg.src = url+'sources/image/produits/electricite/'+prd['carego']+'/'+src+'.webp';
 }

 supportsWebP(function(result) {
 if (result) supporto=1; else supporto=2;
 });

 var i=(page-1) * npp;
 i++;
 src = prod[i]['pictur'];
 loadPic (i, src, url, prod);

 $(window).scroll(function() {
 var hT = $('#loader').offset().top,
 hH = $('#loader').outerHeight(),
 wH = $(window).height(),
 wS = $(this).scrollTop();
 if (wS > (hT+hH-wH)){
 if (onloado==0) {
 var i=(page-1) * npp;
 i++;
 src = prod[i]['pictur'];
 loadPic (i, src, url, prod);
 }
 }
 });

</script>
<?php $this->stopSection(); ?>

<?php if (@$_shouldextend[1]) { echo $this->runChild('layout', ['page_data' => array(
 'title' => $titre, 
 'description' => $titre.": Notre gamme de produits d'onduleur électrique comprend des solutions complètes pour répondre aux besoins des entreprises de toutes tailles. Nous offrons des câbles, des prises électriques, des disjoncteurs et des tableaux électriques...", 
 '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
)]); } ?>