<?php
 if(basename(__FILE__) == basename($_SERVER['PHP_SELF'])){exit();}
 global $config;

 $prods = require 'config/data/prod.php';
 $prod = $prods['informatique'];
 $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-reseaux-informatiques">Réseaux Informatiques</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/informatique/produit-informatique-egitel-1.webp" type="image/webp">
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/informatique/produit-informatique-egitel-1.jpg" type="image/jpeg">
 <img src="<?php echo $config['app_url'] ?>sources/image/produits/informatique/produit-informatique-egitel-1.jpg" alt="<?php echo $title ?>">
 </picture>
 </div>

 <div class="swiper-slide">
 <picture>
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/informatique/produit-informatique-egitel-2.webp" type="image/webp">
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/informatique/produit-informatique-egitel-2.jpg" type="image/jpeg">
 <img src="<?php echo $config['app_url'] ?>sources/image/produits/informatique/produit-informatique-egitel-2.jpg" alt="<?php echo $title ?>">
 </picture>
 </div>

 <div class="swiper-slide">
 <picture>
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/informatique/produit-informatique-egitel-3.webp" type="image/webp">
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/informatique/produit-informatique-egitel-3.jpg" type="image/jpeg">
 <img src="<?php echo $config['app_url'] ?>sources/image/produits/informatique/produit-informatique-egitel-3.jpg" alt="<?php echo $title ?>">
 </picture>
 </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/informatique/<?php echo $sprods[$__i]['carego'] ?>/<?php echo $sprods[$__i]['pictur'] ?>.webp" type="image/webp">
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/informatique/<?php echo $sprods[$__i]['carego'] ?>/<?php echo $sprods[$__i]['pictur'] ?>.jpg" type="image/jpeg">
 <img src="<?php echo $config['app_url'] ?>sources/image/produits/informatique/<?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">
 <picture>
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/informatique/<?php echo $sprods[$__i]['carego'] ?>/<?php echo $sprods[$__i]['pictur'] ?>.webp" type="image/webp">
 <source srcset="<?php echo $config['app_url'] ?>sources/image/produits/informatique/<?php echo $sprods[$__i]['carego'] ?>/<?php echo $sprods[$__i]['pictur'] ?>.jpg" type="image/jpeg">
 <img src="<?php echo $config['app_url'] ?>sources/image/produits/informatique/<?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>

 <div class="portfolio-description">
 <p>
 N'hésitez pas à nous contacter pour obtenir plus d'informations sur nos produits et services, ou pour bénéficier d'une assistance personnalisée pour votre entreprise.
 </p>
 </div>

 </div>

 <div class="col-lg-4">
 <?php if ($__i==0) { ?>
 <div class="portfolio-info">
 <h2><?php echo $title ?></h2>
 <ul>
 <li><strong>Toute sorte de produits</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>
 Nous sommes une entreprise spécialisée dans la fourniture de produits informatiques de qualité, notamment des équipements pour les réseaux informatiques tels que les switchs, les points d'accès, les modems ADSL, les pare-feu, les routeurs, les serveurs, les noyaux, les connecteurs RJ45 et les cordons de brassage. Nous sommes conscients de l'importance des réseaux informatiques pour les entreprises modernes, c'est pourquoi nous nous efforçons de proposer les meilleurs produits pour répondre à tous les besoins de nos clients en matière de réseaux, pour garantir une connectivité fiable, rapide et performante.
 </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/informatique/informatique.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-reseaux-informatiques?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/informatique/'+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/informatique/'+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.": Nous sommes une entreprise spécialisée dans la fourniture de produits informatiques de qualité, notamment des équipements pour les réseaux informatiques tels que les switchs, les points d'accès, les modems ADSL, les pare-feu, les routeurs, les serveurs, les noyaux, les connecteurs RJ45 et les cordons de brassage...", 
 '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
)]); } ?>