<?php if (count($promo_products) > 0) : ?>

  <!-- Featured Products Carousel-->
  <section class="container" style="padding-top: 20px; padding-bottom: 20px;">

    <h3 class="text-center blueHeader">Promo</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 ($promo_products as $item) : ?>
        <!-- Product-->
        <div class="grid-item">
          <div class="product-card" style="padding:5px;">
            <!-- product image -->
            <div class="product-image" style="margin-bottom: 10px;">
              <!-- cek event product -->
              <?php if ($item->is_sale == 'yes') : ?>
                <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>
              <?php endif; ?>
              <a class="product-thumb" href="<?= base_url() . 'product/' . $item->alias; ?>">
                <?php if ($item->image1 != null) : ?>
                  <?php if (file_exists(FCPATH . '/uploads/product/' . $item->image1)) : ?>
                    <img src="<?= base_url() . 'uploads/product/' . $item->image1; ?>" alt="Product">
                  <?php else : ?>
                    <img src="<?= base_url() . 'uploads/product/placeholder.jpg'; ?>" alt="Product">
                  <?php endif; ?>
                <?php else : ?>
                  <img src="<?= base_url() . 'uploads/product/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_pp<?= $item->id_products; ?>" data-toast data-toast-type="success" data-toast-position="topRight" data-toast-icon="icon-circle-check" data-toast-title="Like Product" data-toast-message="The product has been liked" <?php else : ?> id="add_wishlist_nonlogin_pp<?= $item->id_products; ?>" <?php endif; ?>>
                <i class="far fa-heart fa-2x love-product"></i>
              </div>
              <script>
                $(document).ready(function() {
                  $('#add_wishlist_login_pp<?= $item->id_products; ?>').click(function() {
                    var id_product = $(this).data("value")
                    ajax_add_wishlist_pp<?= $item->id_products; ?>(id_product);
                  });
                  $('#add_wishlist_nonlogin_pp<?= $item->id_products; ?>').click(function() {
                    window.location = "<?= base_url('login'); ?>";
                  });
                });

                function ajax_add_wishlist_pp<?= $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>

            <?php if ($item->is_sale == 'no') : ?>
              <h4 style="font-size:15px; color:#F87F38; line-height:0.5;display: inline;">Rp <?= number_format($item->sale_price); ?></h4>
            <?php else : ?>
              <h4 style="font-size:15px; color:#F87F38; line-height:0.5;display: inline;">Rp <?= number_format($item->discounted_price); ?></h4>
              <br>
              <del>Rp <?= number_format($item->sale_price); ?></del>&nbsp;
              <?php
              $hemat = number_format(($item->sale_price - $item->discounted_price) / $item->sale_price * 100);
              echo $hemat . '%';
              ?>
            <?php endif; ?>
          </div>
        </div>
        <!-- Product-->
      <?php endforeach; ?>

    </div>

    <div style="text-align: right;">
      <a href="<?= base_url('promo') ?>" style="text-decoration: none;font-weight: bold;">Lihat semua</a>
    </div>

  </section>

<?php endif; ?>