MINI Sh3ll

<?
$products = $objProduct->getUserProducts($loginUser['id'], "");
?>
<? require_once SITE_PAGE_PATH.'notifier.php'; ?>
<div class="card card-header-actions mb-4">
    <div class="card-header">
        Products in your Cart
        <a class="btn btn-sm btn-primary" href="<?=SITE_ROOT_URL.'products/'?>">Continue Purchase</a>
    </div>
    <div class="card-body">
        <? if(isset($pcart) && is_array($pcart) && count($pcart) > 0){
            $points_redeemed = 0;
            $tax_points = 0;
            $total_points = 0;
            $codes = array_keys($pcart);
            $total_amount = 0;
        ?>
        <form method="post" id="frmPlaceOrder">
            <div class="datatable">
                <table class="saathi_datatable" id="cartTable" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="text-center" width="5%">Image</th>
                            <th class="text-center" width="20%">Description</th>
                            <th class="text-center" width="15%">Cost</th>
                            <th class="text-center" width="5%">Quantity</th>
                            <th class="text-center" width="12%">Amount</th>
                            <th class="text-center" width="8%"></th>                        
                        </tr>   
                    </thead>
                    <tbody>
                        <? foreach($products as $p){
                        if(in_array($p['code'], $codes)){ 
                            $pimage = SITE_ROOT_URL.'images/products/'.(isset($p['image']) ? $p['image'] : 'product-logo-600-5614.webp');

                            $quantity = $pcart[$p['code']];
                            $amount = $p['cost'] * $quantity;
                            $total_amount += $amount;
                            ?> 
                        <tr>
                            <td class="text-center"><img class="" style="width:140px" src="<?=$pimage?>" /></td>
                            <td class="text-left"><?=$p['description']?></td>
                            <td class="text-center"><?=$p['cost']?></td>
                            <td class="text-center">
                                <input type="number" name="quantity[<?=$p['code']?>]" id="quantity<?=$p['code']?>" value="<?=$quantity?>" />
                                <input type="hidden" name="cost[<?=$p['code']?>]" id="cost<?=$p['code']?>" value="<?=$p['cost']?>" />
                            </td>
                            <td class="text-right" id="amount<?=$p['code']?>"><?=$amount?></td>
                            <td class="text-center"><a id="btnRemoveFromCart<?=$p['code']?>" class="text-danger" style="cursor:pointer;" >Remove</a></td>
                        </tr>
                        <? } 
                        }
                        ?>
                    </tbody>
                </table>
            </div>
        <div class="mb-2"></div>
        <h2 class="text-right">Your Balance Budget : <span id="bamount"><?=$loginUser['balance']?></span></h2>            
        <h2 class="text-right">Total Amount : <span id="tamount" class="<?=$loginUser['balance'] >= $total_amount ? 'text-success' : 'text-danger' ?>"><?=$total_amount?></span></h2>
        
            <button style="display:<?=$loginUser['balance'] >= $total_amount ? 'block' : 'none' ?>;" id="btnPlaceOrder" class="btn btn-warning text-dark float-right mt-5" type="submit">Place Order</button>
            <input type="hidden" name="formtype" id="formtype" value="place-order" />
        </form>

        <h2 class="text-right text-danger" id="lowBal" style="display:<?=$loginUser['balance'] >= $total_amount ? 'none' : 'block' ?>;">You do not have enough balance to purchase.</h2> 
        <?
        } else { ?>
            <h2 class="text-center">Your cart is currently empty.</h2>
        <? } ?>        
    </div>
</div>

<form  id="frmCart" action="" method="post">
    <input type="hidden" name="formtype" id="formtype" value="remove-from-cart" />
    <input type="hidden" name="code" id="code" value="" />    
</form>

<script type="text/javascript">
    $("#cartTable").on("click", "[id^=btnRemoveFromCart]", function () {
        var code = this.id.replace("btnRemoveFromCart","");
        if(confirm("Are you sure you want to remove product from the cart?")){
            $("#frmCart #code").val(code);
            $("#frmCart").submit();
        }
    });

    $("#cartTable").on("change", "[id^=quantity]", function (e) {
        var code = this.id.replace("quantity", "");
        var q = $("#quantity"+code).val();
        var c = $("#cost"+code).val();
        var a = c * q;
        a = a < 0 ? 0 : a;
        $("#amount"+code).html(a);

        var ta = 0; //$("#tamount").html(); 
        $("[id^=amount]").each(function(){
            var amt = parseInt($(this).html());
            ta += amt;
            //console.log(amt+" => "+ta);
            //alert(this.id);
        });
        $("#tamount").html(ta); 
        var ba = parseInt($("#bamount").html()); 
        //console.log(ta+" === "+ba);
        if(ta > ba){
            $("#tamount").removeClass("text-success");
            $("#tamount").addClass("text-danger");
            $("#btnPlaceOrder").slideUp();
            $("#lowBal").slideDown();
        }
        else {
            $("#tamount").removeClass("text-danger");
            $("#tamount").addClass("text-success");
            $("#btnPlaceOrder").slideDown();
            $("#lowBal").slideUp();
        }
        e.preventdefault();
    });
</script>