<?php $this->load->view('home/header');?>
<!--<style>
  .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}  
</style>-->
<?php
    $this->db->where('banner_type','slider');
    $this->db->where('status','1');
    $query=$this->db->get('tb_slider');
    if($query->num_rows()>0){
             echo ' <section class="home-slider-common ratio_40 p-0">
        <div class="swiper home-slider">
          <div class="swiper-wrapper">';
            $active = 0;
            foreach($query->result() as $s_row){
                    $active++;
                    if($active>1){
                            $activeCls = '';
                    }else{
                            $activeCls = 'active';
                    }?>
<div class="swiper-slide">
    <div class="banner">
          <a href="<?=$s_row->page_link;?>">
    <img class="img-fluid" style="width:100%;" src="<?=base_url('uploads/slider/'.$s_row->name)?>" alt="banner" />
          </a></div>
</div>
<?php }
echo '   </div>
          <!--div class="swiper-pagination"></div-->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
   
      </section>';
    }
   
?>	 
 <section class="special-product pb-0 wow-section-overflow">
        <div class="container-lg">
          <div class="title-box">
            <h2 class="unique-heading">SPECIAL PRODUCTS</h2>
            <span class="title-divider1"><span class="squre"></span><span class="squre"></span></span>
            <!--<p>Structured chic panels power party flattering ultimate trim back pencil silhouette perfect look.</p>-->
          </div>

          <div class="row g-2 g-lg-3 g-xxl-4">
<?php
$ii=0;
if($deals_category==true){
    foreach($deals_category as $d_row){
        $ii++;
        $res_cat=$this->Curd->fetch_where('tb_main_category',array('*'),array('id'=>$d_row->main_cat_id));
        if($ii<4){
            if($ii==1){
           ?>
             <div class="col-md-6 col-xl-6">
              <div class="row g-2 g-lg-3">
           
                <div class="col-12 ratio2_3 span3 wow fadeInLeft" data-wow-delay="0.6s">
                  <div class="product-box">
                    <a href="<?=base_url('home/product_list/'.base64_encode($d_row->main_cat_id))?>" class="img-wrap">
                      <img class="img-fluid bg-img" src="<?=base_url('uploads/main_category/'.$d_row->image)?>" alt="<?=$res_cat[0]->name?>" />
                    </a>

                    <div class="catagories-small-label">
                      <a href="<?=base_url('home/product_list/'.base64_encode($d_row->main_cat_id))?>">
                        <span>Best Brand</span>
                        <h3><?=$res_cat[0]->name?></h3></a
                      >
                    </div>
                  </div>
                </div>
                <?php }  
                if($ii==2){ ?>   
                <div class="col-6 ratio_asos span3 wow fadeInLeft" data-wow-delay="0.7s">
                  <div class="product-box">
                    <a href="<?=base_url('home/product_list/'.base64_encode($d_row->main_cat_id))?>" class="img-wrap">
                      <img class="img-fluid bg-img" src="<?=base_url('uploads/main_category/'.$d_row->image)?>" alt="<?=$res_cat[0]->name?>" />
                    </a>

                    <div class="catagories-small-label">
                      <a href="<?=base_url('home/product_list/'.base64_encode($d_row->main_cat_id))?>">
                        <span>All Collection</span>
                        <h3><?=$res_cat[0]->name?></h3></a
                      >
                    </div>
                  </div>
                </div>
                    <?php }  
                    if($ii==3){ ?>  
                <div class="col-6 ratio_asos span3 wow fadeInLeft" data-wow-delay="0.8s">
                  <div class="product-box">
                    <a href="<?=base_url('home/product_list/'.base64_encode($d_row->main_cat_id))?>" class="img-wrap">
                      <img class="img-fluid bg-img" src="<?=base_url('uploads/main_category/'.$d_row->image)?>" alt="<?=$res_cat[0]->name?>" />
                    </a>
                    <div class="catagories-small-label">
                      <a href="<?=base_url('home/product_list/'.base64_encode($d_row->main_cat_id))?>">
                        <span>Top Brand</span>
                        <h3><?=$res_cat[0]->name?></h3></a
                      >
                    </div>
                  </div>
                </div>
              </div>
            </div>   
        <?php }
        }else {
             if($ii==4){
           ?>
             <div class="col-md-6 col-xl-6">
              <div class="row g-2 g-lg-3">
           <div class="col-6 ratio_asos span3 wow fadeInLeft" data-wow-delay="0.8s">
                  <div class="product-box">
                    <a href="<?=base_url('home/product_list/'.base64_encode($d_row->main_cat_id))?>" class="img-wrap">
                      <img class="img-fluid bg-img" src="<?=base_url('uploads/main_category/'.$d_row->image)?>" alt="<?=$res_cat[0]->name?>" />
                    </a>
                    <div class="catagories-small-label">
                      <a href="<?=base_url('home/product_list/'.base64_encode($d_row->main_cat_id))?>">
                        <span>Top Brand</span>
                        <h3><?=$res_cat[0]->name?></h3></a
                      >
                    </div>
                  </div>
                </div>
               
                <?php }  
                if($ii==5){ ?>   
                <div class="col-6 ratio_asos span3 wow fadeInLeft" data-wow-delay="0.7s">
                  <div class="product-box">
                    <a href="<?=base_url('home/product_list/'.base64_encode($d_row->main_cat_id))?>" class="img-wrap">
                      <img class="img-fluid bg-img" src="<?=base_url('uploads/main_category/'.$d_row->image)?>" alt="<?=$res_cat[0]->name?>" />
                    </a>

                    <div class="catagories-small-label">
                      <a href="<?=base_url('home/product_list/'.base64_encode($d_row->main_cat_id))?>">
                        <span>All Collection</span>
                        <h3><?=$res_cat[0]->name?></h3></a
                      >
                    </div>
                  </div>
                </div>
                    <?php }  
                    if($ii==6){ ?>  
                     <div class="col-12 ratio2_3 span3 wow fadeInLeft" data-wow-delay="0.6s">
                  <div class="product-box">
                    <a href="<?=base_url('home/product_list/'.base64_encode($d_row->main_cat_id))?>" class="img-wrap">
                      <img class="img-fluid bg-img" src="<?=base_url('uploads/main_category/'.$d_row->image)?>" alt="<?=$res_cat[0]->name?>" />
                    </a>

                    <div class="catagories-small-label">
                      <a href="<?=base_url('home/product_list/'.base64_encode($d_row->main_cat_id))?>">
                        <span>Best Brand</span>
                        <h3><?=$res_cat[0]->name?></h3></a
                      >
                    </div>
                  </div>
                </div>
                
              </div>
            </div>   
        <?php }
        }
        
        		
    }
}
?>
           

        

           
          </div>
        </div>
      </section>
      <!-- Special Product Section End -->
     <section class="pb-0">
        <div class="container-lg">
          <div class="title-box">
            <h2 class="unique-heading">TOP COLLECTION</h2>
            <span class="title-divider1"><span class="squre"></span><span class="squre"></span></span>
            <!--<p>A conscious collection made entirely from food crop waste, recycled cotton, other more sustainable materials.</p>-->
          </div>

          <!-- Tabs Start -->
          <div class="nav-tabs-star">
            <!-- Tabs Filter Start -->
            <!-- Tab Content Start -->
            <div class="tab-content ratio_asos" id="pills-tabContent">
              <!-- Women Tab Content Start -->
              <div class="swiper-box tab-pane fade show active" id="woman" role="tabpanel" aria-labelledby="woman-tab">
                <div class="swiper product-slider">
                  <div class="swiper-wrapper">
                        <?php
if($exclusive_product==true){
    foreach($exclusive_product as $f_row){
    $gallery = $this->Curd->fetch_where_order("tb_gallery",array("*"),array("product_id"=>$f_row->id),"ASC");
    ?>
    <div class="swiper-slide">
        <div class="product-card">
          <div class="img-box">
            <!-- Thumbnail -->
           

            <a href="<?=base_url('home/product_detail/'.base64_encode($f_row->id))?>" class="primary-img">
                <img class="img-fluid bg-img" src="<?=base_url('uploads/gallery/'.$gallery[0]->name)?>" alt="<?=ucwords($f_row->title)?>" /> </a>
            <!-- Rating -->
<!--            <div class="rating">
              <span>4.5 <i data-feather="star"></i> </span>
              <span>185</span>
            </div>-->

            <!-- Option -->
            <ul class="option-wrap">
              <li>
                <a href="javascript:void(0)" id="<?=$f_row->id?>" class="wishlist-btn wishlist_btn">
                  <i data-feather="heart"></i>
                </a>
              </li>
            <?php
            $prices='';
             $price_res = $this->Curd->product_color_price_list($f_row->id,'','1','desc'); 
//            $price_res = $this->Curd->table_order_by('tb_product_price',array("product_id"=>$f_row->id),'reg_sale_price','desc','1');
                if($price_res) {
                ?>
     <input type="hidden" idd="<?=$price_res->id?>" id="data<?=$f_row->id?>" id1="<?=$price_res->weight?>" id2="<?=$price_res->price?>" id3="<?=$price_res->reg_sale_price?>" id4="<?=$f_row->sku?>" product_color="<?=$price_res->color_name?>" id5="<?=$f_row->title?>" id6="<?=base_url('uploads/gallery/'.$gallery[0]->name)?>" id7="<?=$f_row->hsn_no?>" id8="<?=$f_row->tax_per?>">
               <li>
    <a href="javascript:void(0)" class=" cart_btn btt_<?=$f_row->id?>"  id="<?=$f_row->id?>"> <i data-feather="shopping-bag"></i> </a>
                <!--<a href="javascript:void(0)" class="addtocart-btn addtCart"> <i data-feather="shopping-bag"></i> </a>-->
              </li>
              
                <?php
                    if($price_res->reg_sale_price==$price_res->price){
        $prices='<span>&#8377;'.$price_res->reg_sale_price.'</span>';
    }else{
       $prices='<span>&#8377;'.$price_res->reg_sale_price.'</span> <del>&#8377;'.$price_res->price.'</del>'; 
    }
            
            } ?>
               
             
            </ul>
          </div>

          <!-- Content Box -->
          <div class="content-box">
            <a href="<?=base_url('home/product_detail/'.base64_encode($f_row->id))?>">
              <p><?=ucwords($f_row->title)?></p>
              <h5><?=ucwords($f_row->main_cat_name)?></h5>
              <?=$prices?>
            </a>
          </div>
        </div>
    </div>			 
<?php		
        }
} ?>
                  
                  </div>
                     
                </div>
                  <div class="swiper-button">
                <button class="swiper-next">
                  <i data-feather="arrow-left"></i>
                </button>
                <button class="swiper-prev"><i data-feather="arrow-right"></i></button>
              </div>
              </div>
              <!-- Women Tab Content End -->
            </div>
            <!-- Tab Content End -->
          </div>
          <!-- Tabs End -->
        </div>
      </section>
      <?php
    $this->db->where('banner_type','fastive');
    $this->db->where('status','1');
    $query=$this->db->get('tb_slider');
    if($query->num_rows()>0){
             echo ' <section class="home-slider-common ratio_40">
        <div class="swiper home-slider">
          <div class="swiper-wrapper">';
            $active = 0;
            foreach($query->result() as $s_row){
                    $active++;
                    if($active>1){
                            $activeCls = '';
                    }else{
                            $activeCls = 'active';
                    }?>
<div class="swiper-slide">
    <div class="banner">
        <a href="<?=$s_row->page_link;?>">
    <img class="img-fluid" style="width:100%;" src="<?=base_url('uploads/slider/'.$s_row->name)?>" alt="banner" />
    </a></div>
</div>
<?php }
echo '   </div><div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
     
      </section>';
    }
   
?>
 

      <!-- New Arrived Section Start -->
      <section class="pb-0 ratio_asos">
        <div class="container-lg swiper-box">
          <div class="title-box">
            <h2 class="unique-heading">NEW ARRIVALS</h2>
            <span class="title-divider1"><span class="squre"></span><span class="squre"></span></span>
            <!--<p>The best ways to change your summer wardrobe into autumn wardrobe.</p>-->
          </div>

          <div class="swiper product-slider1">
            <div class="swiper-wrapper">
                <?php
if($featured_product==true){
    foreach($featured_product as $f_row){
    $gallery = $this->Curd->fetch_where_order("tb_gallery",array("*"),array("product_id"=>$f_row->id),"ASC");
    ?>
    <div class="swiper-slide pagered" dalink="<?=base_url('home/product_detail/'.base64_encode($f_row->id))?>">
        <div class="product-card">
          <div class="img-box">
            <!-- Thumbnail -->
           

            <a href="<?=base_url('home/product_detail/'.base64_encode($f_row->id))?>" class="primary-img">
                <img class="img-fluid bg-img" src="<?=base_url('uploads/gallery/'.$gallery[0]->name)?>" alt="<?=ucwords($f_row->title)?>" /> </a>
            <!-- Rating -->
<!--            <div class="rating">
              <span>4.5 <i data-feather="star"></i> </span>
              <span>185</span>
            </div>-->

            <!-- Option -->
            <ul class="option-wrap">
              <li>
                <a href="javascript:void(0)"  id="<?=$f_row->id?>"  class="wishlist-btn wishlist_btn">
                  <i data-feather="heart"></i>
                </a>
              </li>
                  
            <?php
            $prices='';
               $price_res = $this->Curd->product_color_price_list($f_row->id,'','1','desc'); 
//            $price_res = $this->Curd->table_order_by('tb_product_price',array("product_id"=>$f_row->id),'reg_sale_price','desc','1');
                if($price_res) {
                ?>
                   <input type="hidden" idd="<?=$price_res->id?>" id="data<?=$f_row->id?>" id1="<?=$price_res->weight?>" id2="<?=$price_res->price?>" id3="<?=$price_res->reg_sale_price?>" product_color="<?=$price_res->color_name?>" id4="<?=$f_row->sku?>" id5="<?=$f_row->title?>" id6="<?=base_url('uploads/gallery/'.$gallery[0]->name)?>" id7="<?=$f_row->hsn_no?>" id8="<?=$f_row->tax_per?>">
               <li>
    <a href="javascript:void(0)" class=" cart_btn btt_<?=$f_row->id?>"  id="<?=$f_row->id?>"> <i data-feather="shopping-bag"></i> </a>
                
              </li>
             
              
                <?php
                 if($price_res->reg_sale_price==$price_res->price){
        $prices='<span>&#8377;'.$price_res->reg_sale_price.'</span>';
    }else{
       $prices='<span>&#8377;'.$price_res->reg_sale_price.'</span> <del>&#8377;'.$price_res->price.'</del>'; 
    }
            } ?>
               
             
            </ul>
          </div>

          <!-- Content Box -->
          <div class="content-box">
            <a href="<?=base_url('home/product_detail/'.base64_encode($f_row->id))?>">
              <p><?=ucwords($f_row->title)?></p>
              <h5><?=ucwords($f_row->main_cat_name)?></h5>
              <?=$prices?>
            </a>
          </div>
        </div>
    </div>			 
<?php		
        }
} ?>
             
            </div>
          </div>
             <div class="swiper-button">
                <button class="swiper-next1">
                  <i data-feather="arrow-left"></i>
                </button>
                <button class="swiper-prev1"><i data-feather="arrow-right"></i></button>
              </div>
        </div>
      </section>
      <!-- New Arrived Section End -->

    
       <section class="service-section">
        <div class="container-lg">
          <div class="row g-3 g-md-4 g-lg-0">
            <div class="col-6 col-lg-3">
              <div class="service-box">
                <div class="media">
                  <svg>
                    <use xlink:href="<?=base_url();?>/assets/svg/_sprite.svg#truck"></use>
                  </svg>
                  <div class="media-body">
                    <h5>Free Shipping</h5>
                    <span>From all orders over Rs.999</span>
                  </div>
                </div>
              </div>
            </div>

<!--            <div class="col-6 col-lg-3">
              <div class="service-box">
                <div class="media">
                  <svg>
                    <use xlink:href="<?=base_url();?>/assets/svg/_sprite.svg#component"></use>
                  </svg>
                  <div class="media-body">
                    <h5>FREE RETURNS</h5>
                    <span>Return money within 10 days</span>
                  </div>
                </div>
              </div>
            </div>-->

            <div class="col-6 col-lg-3">
              <div class="service-box">
                <div class="media">
                  <svg>
                    <use xlink:href="<?=base_url();?>/assets/svg/_sprite.svg#dollar"></use>
                  </svg>
                  <div class="media-body">
                    <h5>SECURE SHOPPING</h5>
                    <span>You're in safe hands</span>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-6 col-lg-3">
              <div class="service-box">
                <div class="media">
                  <svg>
                    <use xlink:href="<?=base_url();?>/assets/svg/_sprite.svg#thum"></use>
                  </svg>
                  <div class="media-body">
                    <h5>OVER 5,000 STYLES</h5>
                    <span>We have everything you need</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
<?php $this->load->view('home/footer');?>
<script>
    
    $(".cart_btn").click(function(){
        var product_id = $(this).attr("id");
        // alert('test'+product_id);
        var product_weight = $("#data"+product_id).attr("id1");
        var product_weight_id = $("#data"+product_id).attr("idd");
        var product_price = $("#data"+product_id).attr("id2");
        var product_sale_price = $("#data"+product_id).attr("id3");
        var product_sku = $("#data"+product_id).attr("id4");
        var product_title = $("#data"+product_id).attr("id5");
        var img = $("#data"+product_id).attr("id6");
        var hsn_no = $("#data"+product_id).attr("id7");
        var tax_per = $("#data"+product_id).attr("id8");
        var product_color = $("#data"+product_id).attr("product_color");
        
        var delivery_charges = 50;
        var quantity = 1;
        
            $.ajax({
              url : "<?php echo base_url('home/add_to_cart');?>",
                method : "POST",
                dataType :"json",
                data : {product_id: product_id,product_color:product_color,product_weight_id:product_weight_id,tax_per:tax_per,hsn_no:hsn_no, product_title: product_title, product_img:img, product_price: product_price, product_sale_price:product_sale_price, product_qty: quantity, product_weight:product_weight, product_sku:product_sku, delivery_charges:delivery_charges},
                beforeSend:function(){
                   $('.btt_'+product_id).hide(); 
                },
                success:function(res){
                     $('.btt_'+product_id).show();
                  if(res.status==1){
                    $(".total_count").html(res.total_cart);
                    alert(res.msg);
                    window.location.reload();
                    // window.location.href='<?=base_url("home/cart")?>';
                  }else if(res.status==2){
                    alert(res.msg);
                    window.location.reload();
                    // window.location.href='<?=base_url("home/cart")?>';
                  }
                }
            });

      
      })
 
</script>
<?php 
$res_popup = $this->Curd->fetch_where("tb_popup",array("*"),array("status"=>1));
if($res_popup==true):?>
<div class="popupOffer">
        <div class="mainContetnOffer">
        <button class="btnClosed"><i class="fa fa-times"></i></button>
        <div class="popupImg">
            <a href="<?=$res_popup[0]->url?>"><img src="<?=base_url('uploads/popup/'.$res_popup[0]->name)?>" style="width:100%;"></a>
        </div>
    </div>
</div>
<?php endif;?>
  
<script type="text/javascript">
      $(".pagered").click(function(){
           var product_link = $(this).attr("dalink");
//           alert("Test"+product_link);
            window.location.href=product_link;
      });
      $(".wishlist_btn").click(function(){
          var product_id = $(this).attr("id");
        if(product_id!=""){
          //$('.loader-cart').show();
          $.ajax({
            url : "<?= base_url('home/wishlist_process');?>",
                method : "POST",
                data:{"product_id":product_id},
                success:function(res){
                  //$('.loader-cart').hide();
                  if(res==1){
                    alert("Item Added to Wishlist");
                    window.location.href='<?=base_url('home/wishlist')?>';
                  }else if(res==2){
                    alert("Item Already Added to Wishlist");
                    return false;
                  }else if(res==0){
                    alert("Login Now");
                    window.location.href='<?=base_url('home/login')?>';
                  }
                }
          })
        }
      })
      </script>