  <?php $i=0; ?>

  <?php foreach($cate_pro as $cate): ?>

  <?php $i++ ?>

  <?php if($i% 2==0): ?>

  <section id="homeProductBlock-<?php echo e($i); ?>" class="blockSection blockPD">

    <div class="container">

      <div class="wapperPDHome">

        <div class="blockTitle"> <a href="collections/thiet-bi-am-thanh.html">

          <h2> <?php echo e($cate->name); ?> </h2>

        </a>

        <ul class="notStyle navBlock">

          <?php foreach($sub_cate_pro as $sub): ?>

          <?php if($cate->id == $sub->parent_id): ?>

          <li><a href="<?php echo e(url($sub->alias)); ?>"><?php echo e($sub->name); ?></a></li>

          <?php endif; ?>

          <?php endforeach; ?>

        </ul>

        <div class="visible-xs visible-sm openMenuTabs"> <a href="javascript:void(0);"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAQAAAAm93DmAAAABGdBTUEAAYagMeiWXwAAAAJiS0dEAP+Hj8y/AAAAB3RJTUUH4AseCgwR1hRKtwAAALFJREFUSMdjZMAL/vMznGeQZSAe7GMkYCAjQxSDAsM/Io1jYnhFguWjYBTAAFo6/G/IYMDwnwLzbrKgCVgzTKbIgYfQXcjGIE+Rf39Q5JxRMFIB4/81DKLUM43hDgvDFwZxijIbqoH8AxMuo2CIA0bCSv5LM3ARmVIZGd4Qoer/2v/Eg13EuNCQwZBoF76lYWiOguELiEiHmOA/L0MKAweWtMnE8IA8A8UYzjOIYZW6CwBlhUuTRG0cCAAAAABJRU5ErkJggg==" alt="Open tabs"></a> </div>

      </div>

      <div class="blockContent">

        <div class="row">

          <div class="col-md-9 col-sm-12 col-xs-12 blockColumn left pull-right">

            <div class="wrap">

              <div class="bannerBlock imageHover"> <a href="collections/all.html"><img src="assets/images/banner_product_home_6.jpg?v=167" alt="Thiết bị âm thanh" /></a> </div>

              <div class="productsBlock">

                <div class="slidePDHome owlBlock owlDesign notDots">

                  <?php foreach($product_home as $item): ?>

                  <?php if($item->id == $item->to_id && $item->to_cate == $cate->id): ?>

                  <?php echo $__env->make('frontend.include.item-product', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>        

                  <?php endif; ?>

                  <?php endforeach; ?>

                </div>

              </div>

            </div>

          </div>

          <div class="col-md-3 hidden-sm hidden-xs blockColumn right">

            <div class="wrap">

              <div class="panel panel-default pdMoreBlock">

                <div class="panel-heading">

                  <h3 class="panel-title">mua nhiều nhất</h3>

                </div>

                <div class="panel-body">

                  <?php $qq = 0 ?>

                  <?php foreach($product_new as $item): ?>

                  <?php if($item->id == $item->to_id && $item->to_cate == $cate->id): ?>

                  <?php $qq++ ?>

                  <?php if($qq <=5): ?>

                  <div class="pdMoreItem hidden-md">

                    <div class="wrap clearfix">

                      <div class="image"> <a href="<?php echo e(url($item->alias)); ?>" title="<?php echo e($item->name); ?>"> <img src="<?php echo e($item->thumb); ?>" data-reg="false" class="imgLoopItem" alt="<?php echo e($item->name); ?>"> </a> </div>

                      <div class="detail">

                        <h3 class="name"><a class="productName" href="<?php echo e(url($item->alias)); ?>" title="<?php echo e($item->name); ?>"><?php echo e($item->name); ?></a></h3>

                        <p class="pdPrice"> <span>399,000₫</span> <del class="pdComparePrice">650,000₫</del> </p>

                      </div>

                    </div>

                  </div>

                  <?php endif; ?>

                  <?php endif; ?>

                  <?php endforeach; ?>

                  <div class="moreAll text-center"> <a href="<?php echo e(url($cate->alias)); ?>" class="viewAll ">Xem thêm <i class="fa fa-angle-double-right" aria-hidden="true"></i></a> </div>

                </div>

              </div>

            </div>

          </div>

        </div>

      </div>

    </div>

  </div>

</section>



<?php else: ?>

<section id="homeProductBlock-<?php echo e($i); ?>" class="blockSection blockPD">

  <div class="container">

    <div class="wapperPDHome">

      <div class="blockTitle"> <a href="collections/cap-baseus.html">

        <h2> Cáp Baseus </h2>

      </a>

      <ul class="notStyle navBlock">

        <?php foreach($sub_cate_pro as $sub): ?>

        <?php if($cate->id == $sub->parent_id): ?>

        <li><a href="<?php echo e(url($sub->alias)); ?>"><?php echo e($sub->name); ?></a></li>

        <?php endif; ?>

        <?php endforeach; ?>

      </ul>

      <div class="visible-xs visible-sm openMenuTabs"> <a href="javascript:void(0);"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAQAAAAm93DmAAAABGdBTUEAAYagMeiWXwAAAAJiS0dEAP+Hj8y/AAAAB3RJTUUH4AseCgwR1hRKtwAAALFJREFUSMdjZMAL/vMznGeQZSAe7GMkYCAjQxSDAsM/Io1jYnhFguWjYBTAAFo6/G/IYMDwnwLzbrKgCVgzTKbIgYfQXcjGIE+Rf39Q5JxRMFIB4/81DKLUM43hDgvDFwZxijIbqoH8AxMuo2CIA0bCSv5LM3ARmVIZGd4Qoer/2v/Eg13EuNCQwZBoF76lYWiOguELiEiHmOA/L0MKAweWtMnE8IA8A8UYzjOIYZW6CwBlhUuTRG0cCAAAAABJRU5ErkJggg==" alt="Open tabs"></a> </div>

    </div>

    <div class="blockContent">

      <div class="row">

        <div class="col-md-9 col-sm-12 col-xs-12 blockColumn left ">

          <div class="wrap">

            <div class="bannerBlock imageHover"> <a href="collections/all.html"><img src="assets/images/banner_product_home_1.jpg?v=167" alt="Cáp Baseus" /></a> </div>

            <div class="productsBlock">

              <div class="slidePDHome owlBlock owlDesign notDots">

                <?php foreach($product_home as $item): ?>

                <?php if($item->id == $item->to_id && $item->to_cate == $cate->id): ?>

                <?php echo $__env->make('frontend.include.item-product', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>             

                <?php endif; ?>

                <?php endforeach; ?>

              </div>

            </div>

          </div>

        </div>

        <div class="col-md-3 hidden-sm hidden-xs blockColumn right">

          <div class="wrap">

            <div class="panel panel-default pdMoreBlock">

              <div class="panel-heading">

                <h3 class="panel-title">Gợi ý cho bạn</h3>

              </div>

              <div class="panel-body">

                <?php $qq = 0 ?>

                <?php foreach($product_new as $item): ?>

                <?php if($item->id == $item->to_id && $item->to_cate == $cate->id): ?>

                <?php $qq++ ?>

                <?php if($qq <=5): ?>

                <div class="pdMoreItem hidden-md">

                  <div class="wrap clearfix">

                    <div class="image"> <a href="<?php echo e(url($item->alias)); ?>" title="<?php echo e($item->name); ?>"> <img src="<?php echo e($item->thumb); ?>" data-reg="false" class="imgLoopItem" alt="<?php echo e($item->name); ?>"> </a> </div>

                    <div class="detail">

                      <h3 class="name"><a class="productName" href="<?php echo e(url($item->alias)); ?>" title="<?php echo e($item->name); ?>"><?php echo e($item->name); ?></a></h3>

                      <p class="pdPrice"> <span>399,000₫</span> <del class="pdComparePrice">650,000₫</del> </p>

                    </div>

                  </div>

                </div>

                <?php endif; ?>

                <?php endif; ?>

                <?php endforeach; ?>

                <div class="moreAll text-center"> <a href="<?php echo e(url($cate->alias)); ?>" class="viewAll ">Xem thêm <i class="fa fa-angle-double-right" aria-hidden="true"></i></a> </div>

              </div>

            </div>

          </div>

        </div>

      </div>

    </div>

  </div>

</div>

</section>

<?php endif; ?>

<?php endforeach; ?>

