<?php if($fs_cek > 0): ?>
<div class="product_browse">
  <style>
    .timer-flash-sale{
      display: inline;
      color: black;
      background-color: #f4f6f8;
      padding: 0px 3px;
    }
  </style>
  <h3 class="text-center orangeHeader">
    Flash Sale &nbsp;
    <!-- <p class="timer-flash-sale" id="days">00</p> Hari&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>
    <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>
  <div class="owl-carousel" data-owl-carousel="{ &quot;nav&quot;: false, &quot;dots&quot;: true, &quot;margin&quot;: 15, &quot;responsive&quot;: {&quot;0&quot;:{&quot;items&quot;:2},&quot;576&quot;:{&quot;items&quot;:2},&quot;768&quot;:{&quot;items&quot;:3},&quot;991&quot;:{&quot;items&quot;:4},&quot;1200&quot;:{&quot;items&quot;:4}} }">
    <ul class="clearfix">
    <?php foreach ($flashsale as $item):?>
    <?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).","; 
      }  

     ?>
        <li id="li_product_id" data-id="<?= $item->id_products; ?>">

          <div class="product_browse_img">
            <div style="width: 50px;
                      height: 50px;
                      color: white !important;
                      background: #F48120;
                      display: block;
                      border-radius: 50%;
                      line-height: 40px;
                      text-align: center;
                      z-index: 100;
                      font-weight: bold;
                      position: absolute;
                      right: 5px;
                      box-shadow: 0px 1px 11px 3px #888888;
                      padding-top: 5px;">
              SALE
            </div>

            <?php 
              $this->load->helper('product'); 
              $thumbnail = get_product_thumbnail($item->id_products); 
            ?>
            <?php if($item->product_image != null): ?>
              <?php if (file_exists(FCPATH.'/uploads/product/small/' . $item->product_image)):?>
                <!-- <img src=" base_url() . 'uploads/product/small/' . $item->image1; " alt="Product"> -->
                <img src="<?= base_url() . 'uploads/product/small/' . $item->product_image; ?>" alt="Product">
              <?php else: ?>
                <img src="<?= base_url() . 'uploads/product/small/placeholder.jpg'; ?>" alt="Product">
              <?php endif; ?>
            <?php else: ?>
              <img src="<?= base_url() . 'uploads/product/small/placeholder.jpg'; ?>" alt="Product">
            <?php endif; ?>
            <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; ?>'; ">
              <div class="product_browse_img_hover" style="background: unset; background-image: url('<?= $thumbnail["image2"]; ?>'); background-repeat: no-repeat; background-size: cover;">
              </div>  
            </a>

          </div>

          <div style="text-align: center; " class="product_browse_name">
            <h3>
              <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>
            </h3>
            <span><?= ucwords($brand_name); ?></span>
            <span style="font-size: 13px; color: #F87F38;">Varian : <br>
              <?= "["; ?>
              <i>
                <?php 
                echo substr($get_choosen_varian_detail_output,0,-1);
                 ?> 
              </i>
              <?= "]"; ?>
            </span>
              <div class="dtl_price">
                <ul>
                  <li>Rp <?= number_format($item->discounted_price); ?></li>  
                </ul>
              </div>
              <div class="dtl_price">
                <ul>
                  
                  <li class="jrett">
                    Rp <?= number_format($item->price); ?>                      
                  </li> 
                  <li>                    
                    <?php 
                      $hemat = number_format(($item->price - $item->discounted_price) / $item->price * 100); 
                      echo $hemat . '%';
                    ?>
                  </li>
                </ul>
              </div>
          </div>


        </li>


      <!-- Product-->
    <?php endforeach; ?>
    </ul>

  </div>
  <div style="text-align: right;">
    <a href="<?= base_url('flashsale/view/'.$fs_id);?>" style="text-decoration: none;font-weight: bold;"><?= ucwords(lang('view_all')); ?></a>
  </div>
</div>
<div class="spacer"></div>
<?php endif; ?>