<?php if($fs_cek > 0): ?>
<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 ---*/
    $('#hours').countdown('<?= $time;?>', function(event) {
       /*$('#days').html(event.strftime('%D'));*/
      $('#hours').html(event.strftime('%H'));
      $('#minutes').html(event.strftime('%M'));
      $('#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}} }"> 
  <?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++) { 

       if($this->session->userdata('site_lang') != 'english') {
      $get_choosen_varian_detail_output .= ucwords($get_choosen_varian_detail[$i]->row()->attribute_detail).","; 
      }else{
      $get_choosen_varian_detail_output .= ucwords($get_choosen_varian_detail[$i]->row()->attribute_detail_en).","; 
      }
    

    } 

   ?> 

    <!-- Product-->
    <div class="grid-item">
      <div class="product-card" style="padding:5px;">
        <!-- product image -->
        <div class="product-image" style="margin-bottom: 10px;">
         <div style="width: 50px;
                    height: 50px;
                    color: white !important;
                    background: <?= $primary_colortheme;?>;
                    display: block;
                    border-radius: 50%;
                    line-height: 40px;
                    text-align: center;
                    z-index: 1000;
                    font-weight: bold;
                    position: absolute;
                    right: 5px;
                    padding-top: 5px;">
            SALE
          </div>
          <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; ?>'; " class="product-thumb">
            <?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>
         
          <div class="medicine-love" data-value="<?= $item->id_products; ?>" style="cursor: pointer;" 
            <?php if($this->session->userdata('customer')['customer_id']):?>
              id="add_wishlist_login_fs<?= $item->id_products; ?>" 
              data-toast data-toast-type="success" data-toast-position="topRight" data-toast-icon="icon-circle-check" data-toast-title="ADD WISHLIST" data-toast-message="successfuly added to wishlist!"
            <?php else: ?>
              id="add_wishlist_nonlogin_fs<?= $item->id_products; ?>"
            <?php endif; ?>
            >
            <i class="far fa-heart fa-2x love-product"></i>
          </div>
          <script>
            $(document).ready(function() {
              $('#add_wishlist_login_fs<?= $item->id_products; ?>').click(function() { 
                var id_product = $(this).data("value")
                ajax_add_wishlist_fs<?= $item->id_products; ?>(id_product);
              });
              $('#add_wishlist_nonlogin_fs<?= $item->id_products; ?>').click(function() { 
                window.location = "<?= base_url('login');?>";
              });
            });
            function ajax_add_wishlist_fs<?= $item->id_products; ?>(id_product) {
              $.ajax({
                'url'       : '<?= base_url('wishlist/add_wishlist'); ?>', 
                'type'      : 'POST',
                'data'      : {
                  'id_product' : id_product,
                  '<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'
                }, 
                'success'   : function(result) {
                }
              });
            }
          </script>
        </div>
        <!-- product image -->
        <!-- product name, price and ratings -->
        <h3 class="product-title">

          <a href="#" onclick="localStorage.setItem('localstroage_pd_id','<?= strtolower(substr($get_choosen_varian_detail_output,0,-1)); ?>'); window.location.href='<?= base_url() . 'product/' . $item->alias; ?>'; "><?= $item->title; ?></a>
        </h3>
        <span style="font-size: 13px; color: <?= $primary_colortheme;?>;"><?= ucwords(lang('variant')); ?> : 
          <i>
            <?php 
            echo substr($get_choosen_varian_detail_output,0,-1);
             ?> 
          </i> 
        </span>
        <div class="product-price"> 

          <?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();
          ?>
          <?php if($lowest_price->discounted_price == 0) : ?>
            <h4 style="font-size:15px; color:<?= $primary_colortheme;?>; line-height:0.5;display: inline;">Rp <?= number_format($item->discounted_price); ?></h4>

          <?php else : ?>

            <h4 style="font-size:15px; color:<?= $primary_colortheme;?>; line-height:0.5;display: inline;">Rp <?= number_format($item->discounted_price); ?></h4>
            <br>
            <del>Rp <?= number_format($lowest_price->discounted_price); ?></del>&nbsp;
            <?php
                $hemat = number_format(($lowest_price->discounted_price - $item->discounted_price) / $lowest_price->discounted_price * 100);
                echo $hemat . '%';
            ?> 
          <?php endif; ?> 
        </div>

      </div>
    </div>
    <!-- Product-->
  <?php endforeach; ?>
</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>
<?php endif; ?>