<?php $cart = $this->cart->contents(); ?>
<?php $grandtotal = 0; ?>


<a href="https://www.canvaswebdesign.com/store-master/cart">
    <svg class="svg-inline--fa fa-shopping-cart fa-w-18 cart_m" aria-hidden="true" data-prefix="fa" data-icon="shopping-cart" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z"></path></svg><!-- <i class="fa fa-shopping-cart cart_m"></i> -->
</a>
<svg class="svg-inline--fa fa-shopping-cart fa-w-18 cart_d" style="" aria-hidden="true" data-prefix="fa" data-icon="shopping-cart" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z"></path></svg><!-- <i class="fa fa-shopping-cart cart_d" style=""></i> -->

<div class="cart-total">
    <label>
        <?php $count_cart = count_cart_content(); ?>
        <?= $count_cart; ?>             
    </label>
</div>


<div id="cartPopUp" class="toolbar-dropdown"> 

<?php if($cart != null): ?>
    
<?php $count = 0; ?>
<?php $grandtotal = 0; ?>
<?php foreach ($cart as $item) : ?> 
<?php $count++; ?>

    <div class="dropdown-product-item">
        <span class="dropdown-product-remove">
            <a href="#" onclick=" 
                remove_cart('<?= $item['rowid']; ?>'); return false; ">
                <i class="icon-cross"></i>
            </a>
        </span> 
        <a class="dropdown-product-thumb" href="#">
             
            <img src="<?= base_url() . get_thumbnail($item['id']); ?>" alt="Product">
                 
        </a>
        <div class="dropdown-product-info">
            <a class="dropdown-product-title" href="#"><?= $item['name']; ?></a>
            <span class="dropdown-product-details">
                <?php if (isset($item['options'])): ?>
                  
                  <?= $item['qty'].' x Rp '.number_format($item['price'],0,',','.'); ?>

                  <?php if ($item['options']['stock_condition'] == 'Indent'): ?>
                        <?= '<br><small>'.$item['options']['indent_message'].'</small>'; ?> 
                  <?php endif ?>

                <?php endif ?>
            </span>
        </div>
    </div>
<?php 
$grandtotal = $grandtotal + $item['subtotal']; 

?> 
  

<?php endforeach; ?> 

<?php else: ?>

    <div style="text-align: center;">
        <p><b><?= ucwords(lang('empty_cart')); ?></b></p>
    </div>

<?php endif; ?>
     

    <div class="toolbar-dropdown-group">
        <div class="column"><span class="text-lg">Total:</span></div>
        <div class="column text-right">
            <span class="text-lg text-medium">
                <?= 'Rp. '.number_format($grandtotal,0,',','.'); ?>&nbsp;
            </span>
        </div>
    </div>
    <div class="toolbar-dropdown-group" style="position: relative;right: 0px;">
        <div class="column">
            <a class="btn btn-sm btn-block btn-secondary cartButton" href="#">Kembali</a>
        </div>
        <div class="column">
            <a style="background-color:grey;" class="btn btn-sm btn-block btn-success cartButton" href="<?= base_url('/shipping'); ?>">Checkout</a>
        </div>
    </div>

</div>

<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("div#cartToolTip").html(cart.cart_content);

                jQuery('#cartPopUp').addClass('showCart');
                jQuery('#cartPopUp').removeClass('toolbar-dropdown');
                setTimeout(function() {
                  jQuery('#cartPopUp').removeClass('showCart');
                  jQuery('#cartPopUp').addClass('toolbar-dropdown'); 
                }, 3000);

            }
        });
    }
</script>