<?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="<?= base_url('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):?>
    <!-- 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: #F48120;
                    display: block;
                    border-radius: 50%;
                    line-height: 40px;
                    text-align: center;
                    z-index: 1000;
                    font-weight: bold;
                    position: absolute;
                    right: 5px;
                    box-shadow: 0px 1px 11px 3px #888888;
                    padding-top: 5px;">
            SALE
          </div>
          <a class="product-thumb" href="<?= base_url() . 'product/' . $item->alias; ?>">
            <?php if($item->image1 != null): ?>
              <?php if (file_exists(FCPATH.'/uploads/product/small/' . $item->image1)):?>
                <img src="<?= base_url() . 'uploads/product/small/' . $item->image1; ?>" 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-indicator">
            <?php if ($item->golongan_obat != null): ?>
                <i class="fa fa-circle fa-2x circle-product" style="color: <?= $item->golongan_obat; ?>"></i>
            <?php endif ?>
          </div>
          <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="<?= base_url() . 'product/' . $item->alias; ?>"><?= $item->title; ?></a>
        </h3>
        <div class="product-price">
          <h4 style="font-size:15px; color:#F87F38; line-height:0.5;display: inline;">Rp <?= number_format($item->discounted_price); ?></h4>
            / <span style="font-size: 15px;"><?= $item->text_satuan_jual; ?></span><br>
            <del>Rp <?= number_format($item->competitor_price); ?></del>&nbsp;
            <?php 
              $hemat = number_format(($item->competitor_price - $item->discounted_price) / $item->competitor_price * 100);
              echo $hemat . '%';
            ?>
        </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;">Lihat semua</a>
</div>
<?php endif; ?>