<?php $cart = $this->cart->contents(); ?>
<?php $grandtotal = 0; ?> 
<?php if($cart != null): ?> 
    <?php $count = 0; ?>
    <div class="cart-product-container ps-scroll">
        <?php foreach ($cart as $item) : ?>  
            <?php $count++; ?> 
            <?php $grandtotal = $grandtotal + $item['subtotal']; ?> 
            <div class="single-cart-product">
                <span class="cart-close-icon">
                    <a href="javascript:void(0)" onclick="remove_cart('<?= $item['rowid']; ?>');">
                        <i class="ti-close"></i>
                    </a>
                </span>
                <div class="image">
                    <a href="javascript:void(0)">
                        <img src="<?= base_url() . get_thumbnail($item['id']); ?>" class="img-fluid" alt="">
                    </a>
                </div>
                <div class="content" style="z-index:-1;">
                    <h5>
                        <a href="javascript:void(0)"><?= ucwords($item['name']); ?></a>
                    </h5>
                    <p style="line-height: 17px;margin-bottom:0;">
                        <span class="discounted-price">
                            Rp. <?= number_format($item['price'],0,',','.'); ?>
                        </span>
                    </p>
                    <p style="line-height: 17px;margin-bottom:0;font-weight: 600;">
                        Qty : <span class="cart-count">
                            <?= $item['qty']; ?>
                        </span>
                    </p>
                    <p style="font-weight: 600;line-height: 17px;  margin-bottom: 0;">
                        Subtotal : 
                        <span class="subtotal-amount">Rp. <?= number_format($item['subtotal'],0,',','.'); ?></span>
                    </p>
                </div>
            </div>   
        <?php endforeach; ?> 
    </div> 
    
    <!--=======  subtotal calculation  =======-->
    <p class="cart-total">
       <span class="total-title">Total:</span>
       <span class="total-amount">Rp. <?= number_format($grandtotal,0,',','.'); ?></span>
    </p>

    <div class="cart-buttons"> 
        <a class="btn button" href="<?= base_url('shipping'); ?>">checkout</a>
    </div>
     

<?php else: ?>

    <div style="text-align: center;">
        <p>EMPTY CART</p>
    </div>

<?php endif; ?>

<script>
    function remove_cart(rowid) {
        jQuery.ajax({
            'url'       : '<?= base_url(); ?>' + 'ajax/ajax_remove_cart', 
            'type'      : 'POST',   
            'data'      : {
                          'rowid' : rowid,
                          '<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'
                          },
            'success'   : function(data) {
                /*---success----*/
                var cart = JSON.parse(data); 
                jQuery('#cart_body').html(cart.cart_content); 
                jQuery('#cartCount').html(cart.cart_count);

            }
        });
    }
</script>