<section class="bg-light py-5">

<div class="container">
<div class="row">
<div class="col-xl-8 col-lg-8 mb-4">
<!-- <div class="card mb-4 border shadow-0">
<div class="p-4 d-flex justify-content-between">
<div class="">
<h5>Have an account?</h5>
<p class="mb-0 text-wrap ">Lorem ipsum dolor sit amet, consectetur
adipisicing elit</p>
</div>
<div class="d-flex align-items-center justify-content-center flex-
column flex-md-row">
<a href="#" class="btn btn-outline-primary me-0 me-md-2 mb-2 mb-md-0
w-100">Register</a>
<a href="#" class="btn btn-primary shadow-0 text-nowrap w-100">Sign
in</a>
</div>
</div>
</div>-->

<!-- Checkout -->

<div class="card shadow-0 border">
<div class="p-4">
<h5 class="card-title mb-3" style="font-size: 20px; line-height:
1.6;">অর্ডার কনফার্ম করতে আপনার নাম, ঠিকানা, মোবাইল নাম্বার লিখে অর্ডার কনফার্ম
করুন বাটনে ক্লিক করুন </b></h5>
<div class="row">
<div class="col-12 mb-3">
<p class="mb-0">আপনার নাম</p>
<div class="form-outline">
<input type="text" id="typeText" placeholder="" class="form-
control" />
</div>
</div>

<div class="col-12 mb-3">

<p class="mb-0">আপনার মোবাইল নাম্বার</p>
<div class="form-outline">
<input type="text" id="typeText" placeholder="" class="form-
control" />
</div>
</div>

<div class="col-12 mb-3">

<p class="mb-0">আপনার সম্পূর্ণ ঠিকানা</p>
<div class="form-outline">
<input type="text" id="typeText" placeholder="" class="form-
control" />
</div>
</div>

</div>

<!-- <hr class="my-4" />-->

 <h5 class="card-title mb-3">ডেলিভারি এলাকা নির্বাচন করুন</h5>

<div class="row mb-6">

<div class="col-lg-6 mb-3">
<!-- Default checked radio -->
<div class="form-check h-100 border rounded-3">
<div class="p-3">
<input class="form-check-input" value"60" type="radio"
name="flexRadioDefault" id="flexRadioDefault1" checked />
<label class="form-check-label" for="flexRadioDefault1">
ঢাকার ভিতরে <br />
<small class="text-muted">১-২ দিনের মধ্যে প্রডাক্ট হাতে পাবেন
</small>
</label>
</div>
</div>
</div>
<div class="col-lg-6 mb-3">
<!-- Default radio -->
<div class="form-check h-100 border rounded-3">
<div class="p-3">
<input class="form-check-input" value"120" type="radio"
name="flexRadioDefault" id="flexRadioDefault2" />
<label class="form-check-label" for="flexRadioDefault2">
ঢাকার বাহিরে <br />
<small class="text-muted">২-৪ দিনের মধ্যে প্রডাক্ট হাতে পাবেন
</small>
</label>
</div>
</div>
</div>
<div class="col-lg-4 mb-3">
<!-- Default radio -->
<!-- <div class="form-check h-100 border rounded-3">
<div class="p-3">
<input class="form-check-input" type="radio"
name="flexRadioDefault" id="flexRadioDefault3" />
<label class="form-check-label" for="flexRadioDefault3">
Self pick-up <br />
<small class="text-muted">Come to our shop </small>
</label>
</div>
</div>-->
</div>
</div>

<div class="float-end ">

<!-- <button class="btn btn-light border">Cancel</button>
--> <button class="btn btn-success shadow-0 border">অর্ডার কনফার্ম
করুন</button>
</div>
</div>
</div>
<!-- Checkout -->
</div>
<div class="col-xl-4 col-lg-4 d-flex justify-content-center justify-content-
lg-end">
<div class="ms-lg-4 mt-4 mt-lg-0" style="max-width: 320px;">

<h6 class="text-dark my-4">Items in cart</h6>

<?php $i = 1; ?>
<?php foreach ($this->cart->contents() as $items): ?>

<input type="hidden" name="cart_id[]" value="<?php echo

$items['rowid']; ?>">
<input type="hidden" name="product_id[]" value="<?php echo
$items['id']; ?>">
<input type="hidden" name="product_price[]" value="<?php echo
$items['price']; ?>">

<div class="d-flex align-items-center mb-4">

<div class="me-3 position-relative">
<span class="position-absolute top-0 start-100 translate-middle badge
rounded-pill badge-secondary">
<?php echo $items['qty']; ?>
</span>
<img height="150px" width="150px" class="img-sm rounded border"
src="<?php echo base_url(); ?><?php echo $items['img']; ?>" />
</div>
<div class="">
<a href="#" class="nav-link">
<?php echo $items['name']; ?> <br />
</a>
<?php
if(!empty($items['color'])){
?>
Color: <?php echo $items['color']; ?></br>
<?php
}
?>

<?php
if(!empty($items['color'])){
?>
Size: <?php echo $items['size']; ?></br>
<?php
}
?>

<div class="price text-muted">৳ <?php echo

number_format($items['price']); ?></div>
<td class="product_quantity">
<label>Quantity</label>
<input name="product_qty[]" min="1" max="100"
value="<?php echo $items['qty']; ?>" type="number">
</td>
<td class="product_total">৳ <?php echo $this-
>cart->format_number($items['subtotal']); ?>
</td>

</div>
</div>
 <?php $i++; ?>
<?php endforeach; ?>

<h6 class="mb-3">Summary</h6>
<div class="d-flex justify-content-between">
<p class="mb-2">SubTotal price:</p>
<p class="mb-2">৳ <?php echo number_format($this->cart->total()); ?
></p>
</div>
<div class="d-flex justify-content-between">
<p class="mb-2">Delivery Charge:</p>
<p class="mb-2"><?php $shipfee = '49'; echo $shipfee; ?></p>
</div>
<hr />
<div class="d-flex justify-content-between">
<p class="mb-2">Total price:</p>
<p class="mb-2 fw-bold">৳
<?php
$shipfee = '49';
$cartto = $this->cart->total();

$cartship = $shipfee+$cartto;
echo number_format($cartship);
?></p>
</div>
</div>
</div>
</div>
</div>
</section>

<!--

//New code start

<script>
function increment_quantity(cart_id) {
var inputQuantityElement = $("#input-quantity-"+cart_id);
var newQuantity = parseInt($(inputQuantityElement).val())+1;
save_to_db(cart_id, newQuantity);
}

function decrement_quantity(cart_id) {
var inputQuantityElement = $("#input-quantity-"+cart_id);
if($(inputQuantityElement).val() > 1)
{
var newQuantity = parseInt($(inputQuantityElement).val()) - 1;
 save_to_db(cart_id, newQuantity);
}
}

function save_to_db(cart_id, new_quantity) {

var inputQuantityElement = $("#input-quantity-"+cart_id);
$.ajax({
url : "update_cart_quantity.php",
data : "cart_id="+cart_id+"&new_quantity="+new_quantity,
type : 'post',
success : function(response) {
$(inputQuantityElement).val(new_quantity);
}
});
}
</script>

<?php

$member_id = 2; // you can your integrate authentication module here to get logged
in member

$shoppingCart = new ShoppingCart();

$shoppingCart->updateCartQuantity($_POST["new_quantity"], $_POST["cart_id"]);

$cartItem = $shoppingCart->getMemberCartItem($member_id);
if (! empty($cartItem)) {
$item_quantity = 0;
$item_price = 0;
if (! empty($cartItem)) {
foreach ($cartItem as $item) {
$item_quantity = $item_quantity + $item["quantity"];
$item_price = $item_price + ($item["price"] * $item["quantity"]);
}
}
}
?>
<div id="shopping-cart">
<div class="txt-heading">
<div class="txt-heading-label">Shopping Cart</div>

<a id="btnEmpty" href="index.php?action=empty"><img

src="empty-cart.png" alt="empty-cart" title="Empty Cart"
class="float-right" /></a>
<div class="cart-status">
<div>Total Quantity: <?php echo $item_quantity; ?></div>
<div>Total Price: <?php echo $item_price; ?></div>
</div>
</div>
<?php
if (! empty($cartItem)) {
?>
<div class="shopping-cart-table">
<div class="cart-item-container header">
<div class="cart-info title">Title</div>
<div class="cart-info">Quantity</div>
<div class="cart-info price">Price</div>
</div>
<?php
foreach ($cartItem as $item) {
?>
<div class="cart-item-container">
<div class="cart-info title">
<?php echo $item["name"]; ?>
</div>

<div class="cart-info quantity">

<div class="btn-increment-decrement"
onClick="decrement_quantity(<?php echo $item["cart_id"]; ?>)">-</div><input
class="input-quantity"
id="input-quantity-<?php echo $item["cart_id"]; ?>"
value="<?php echo $item["quantity"]; ?>"><div class="btn-increment-decrement"
onClick="increment_quantity(<?php echo $item["cart_id"]; ?
>)">+</div>
</div>

<div class="cart-info price">

<?php echo "$".$item["price"]; ?>
</div>

<div class="cart-info action">

<a
href="index.php?action=remove&id=<?php echo
$item["cart_id"]; ?>"
class="btnRemoveAction"><img
src="icon-delete.png" alt="icon-delete"
title="Remove Item" /></a>
</div>
</div>
<?php
}
?>
</div>
<?php
}
?>
</div>
<?php require_once "product-list.php"; ?>-->