<div class="product-tabs">
    <div class="container">
        <div role="tabpanel">
<?php if($fs_cek > 0): ?>
<div class="row">
  <style>
    .timer-flash-sale{
      display: inline;
      color: black;
      background-color: #f4f6f8;
      padding: 0px 3px;
    }
  </style>
 <div class="col-md-12 text-center">
  <h3 class="section-title10" style="text-align: center;padding-bottom: 20px; font-size: 18px;">FLASHSALE &nbsp; <p class="timer-flash-sale" id="hours">00</p> : <p class="timer-flash-sale" id="minutes">00</p> : <p class="timer-flash-sale" id="seconds">00</p></h3>
 </div> 

  <script src="https://www.tokodaku.com/store-shared/assets/frontend/js/jquery.countdown.min.js"></script>
    <script>
      /*---format: %D days %H:%M:%S ---*/
      jQuery('#hours').countdown('<?= $time;?>', function(event) {
         /*jQuery('#days').html(event.strftime('%D'));*/
        jQuery('#hours').html(event.strftime('%H'));
        jQuery('#minutes').html(event.strftime('%M'));
        jQuery('#seconds').html(event.strftime('%S'));
      });
    </script>
  </h3>

    
    <?php foreach ($flashsale as $item):?>
      <div class="col-md-3 col-sm-3 col-xs-6">
    <?php 
      $get_choosen_varian = $this->db->get_where("product_combination",array(
        "product_id"=>$item->id_products,
        "product_details_id"=>$item->product_details_id,
      ));
      
      $get_choosen_attribute_detail_id = [];
      $get_choosen_attribute_id = [];
      $get_choosen_varian_detail = [];

      $counter_idx = -1;
      foreach ($get_choosen_varian->result() as $key) {
        $counter_idx++;
        $get_choosen_attribute_detail_id[$counter_idx] = $key->attribute_detail_id;
        $get_choosen_attribute_id[$counter_idx] = $key->attribute_id;

        $get_choosen_varian_detail[$counter_idx] = $this->db->get_where("product_attributes_detail",array(
          "id"=>$key->attribute_detail_id,
          "product_attribute_id"=>$key->attribute_id,
        )); 
      }

      $get_choosen_varian_detail_output = "";
      for ($i=0; $i<count($get_choosen_varian_detail) ; $i++) { 
        $get_choosen_varian_detail_output .= ucwords($get_choosen_varian_detail[$i]->row()->attribute_detail).","; 
      }  
      // echo "<br><pre> product_combination<br>";
      // var_dump($get_choosen_varian_detail[0]->row()); 
      // // echo "<br><hr> product_attributes_detail<br>";
      // // var_dump($get_choosen_varian_detail->result()); 
      // exit();

     ?>

      <div id="div_product_id" data-id="<?= $item->id_products; ?>" class="product-singleArea">
            <div class="product-img">
           
                <a href="<?= base_url() . 'product/' . strtolower($item->alias); ?>"></a>
                <?php 
                  $this->load->helper('product'); 
                  $thumbnail = get_product_thumbnail($item->id_products); 
                ?>

                <a href="<?= base_url() . 'product/' . $item->alias; ?>"><img class="img-responsive primary_image" src="<?=  $thumbnail['image1']; ?>" alt="<?= $item->title; ?>"/></a>

                
            </div>
            <div class="product-details">
                <div class="product-title"> <a data-pd_id="<?= strtolower(substr($get_choosen_varian_detail_output,0,-1)); ?>" href="#" onclick="localStorage.setItem('localstroage_pd_id','<?= strtolower(substr($get_choosen_varian_detail_output,0,-1)); ?>'); window.location.href='<?= base_url() . 'product/' . $item->alias; ?>'; "><?= ucwords($item->title); ?> 
              </a>
               <span><?= ucwords($brand_name); ?></span> 
              <span style="font-size: 13px; color: #F87F38;"><br>
                Varian : 
              <?= "["; ?>
              <i>
                <?php 
                echo substr($get_choosen_varian_detail_output,0,-1);
                 ?> 
              </i>
              <?= "]"; ?>
            </span>
            </div>
                
                <div class="product-pd" style="width: 100%; text-align: center;">

               <?php
                  //check lowest normal price
                  $this->db->select('price, id, discounted_price')->from('product_details')->where('product_id', $item->id_products)->where('id', $item->product_details_id)->where('price !=', 0)->order_by('price', 'ASC')->limit(1);
                  $lowest_price = $this->db->get()->row();
                ?>
                     
                        <span>
                           Rp <?= number_format($item->discounted_price); ?>
                        </span>
                        <br>
                        <span>
                            <small>
                                
                                <strike>
                                    Rp <?= number_format($lowest_price->discounted_price); ?>
                                </strike>
                                <span style="color:<?= $primary_colortheme;?>;">
                                    &nbsp;
                                    <?php 
                                    $hemat = number_format(($lowest_price->discounted_price - $item->discounted_price) / $lowest_price->discounted_price * 100);
                                    echo $hemat . '%'; ?>
                                </span>
                            </small>
                        </span>  
                </div>
            </div>
        </div>
      <!-- Product-->
    </div>
    <?php endforeach; ?>
</div>
<div class="visible-xs" style="text-align: center;padding-bottom: 20px;">
       <a href="<?= base_url('flashsale/view/'.$fs_id);?>" style="text-decoration: none;font-weight: bold; color:black;"><?= ucwords(lang('view_all')); ?></a>
</div>       
<div class="hidden-xs" style="text-align: right;padding-bottom: 20px;">
      <a href="<?= base_url('flashsale/view/'.$fs_id);?>" style="text-decoration: none;font-weight: bold; color:black;"><?= ucwords(lang('view_all')); ?></a>
</div> 
<?php endif; ?>
</div>
</div>
</div>