1#@!#!123s

��JFIF�� 1#@!#!123s
: / var / www / html / projects / startupfintech / application / views /
Filename : cart.php
back
	<div class="mob-view">
		<section class="dash-header-part mb-50">
			<div class="container">
				<?php if(!empty($cart_items)){ ?>
					<?php $cart_total = 0; ?>
					<?php foreach($cart_items as $row){ ?>
						<div class="product-card standard shadow w-100 cart_item_<?= $row['rowid'] ?>" id="p-card">
							<div class="product-content p-3" id="p-content">
								<div>
									<h3 class="product-title">
										<a href="javascript:void(0)" class="view_package_details" data-id="<?= $row['id'] ?>" data-rowid="<?= $row['rowid'] ?>"><?= $row['name'] ?></a>
										<button type="button" class="view_package_details" data-id="<?= $row['id'] ?>" data-rowid="<?= $row['rowid'] ?>">
											<i class="fas fa-info-circle"></i>
										</button>
									</h3>
									<div class="product-info">
										<h5 class="product-price"> ₹ <?= number_format($row['price']) ?>/- <span class="text-danger"><?= $row['offer'] ?>% Off</span>
											<del class="text-muted">₹ <?= number_format($row['mrp']) ?></del>
										</h5>
									</div>
									<span class="time">
										<span class="mx-1"> <i class="fas fa-clock"></i> Time : </span> <?= $row['time'] ?>
									</span>
									<div class="add_on_product<?= $row['rowid'] ?>">
									<?php
										$product_total = 0;
										if(!empty($row['pro_id'])){
											echo '<hr/><b>Additional Products:</b>';
											$list = explode(',',$row['pro_id']);
											echo "<ul>";
											foreach($list as $row_id){
												$pro_info = get_add_on_product_list("ID",$row_id);
												echo "<li><i class='fas fa-arrow-circle-right'></i> ".$pro_info->add_on_pro_name." [₹ ".number_format($pro_info->add_on_pro_selling_price)."&nbsp;&nbsp;<small><strike>₹ ".number_format($pro_info->add_on_pro_mrp_price)."</strike></small>]</li>";
												$product_total += $pro_info->add_on_pro_selling_price;
											}
											echo "</ul><br/>";
										}
										$product_total += $row['price'];
									?>
									</div>
									<div class="d-flex justify-content-around">
										<div class="mb-3" style="display: grid; justify-items: center">
											<div class="mb-2 rm-s">
												<span>Total Charges : <span>₹ <temp class='total_charges<?= $row['rowid'] ?>'><?= number_format($product_total) ?></temp></span></span>
											</div>
											<div class="qty-container">
												<button class="qty-btn-minus btn-light" data-id='<?= $row['id'] ?>' data-rowid="<?= $row['rowid'] ?>" type="button">
													<i class="fa fa-minus"></i>
												</button>
												<input type="text" name="qty" value="<?= $row['qty'] ?>" class="InputQty<?= $row['id'] ?> input-qty" />
												<button class="qty-btn-plus btn-light" data-id='<?= $row['id'] ?>' data-rowid="<?= $row['rowid'] ?>" type="button">
													<i class="fa fa-plus"></i>
												</button>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="mx-0">
								<div class="product-info p-info">
									<div class="pro-btn d-flex justify-content-space-between">
										<a href="javascript:void(0)" class="view_package_details" data-id="<?= $row['id'] ?>" data-rowid="<?= $row['rowid'] ?>">CHANGE PRODUCT</a>
									</div>
									<div class="mx-0">
										<button class="btn btn-outline-danger ad-btn remove_cart_btn" data-id="<?= $row['rowid'] ?>">
											<span>REMOVE</span>
										</button>
									</div>
								</div>
							</div>
						  </div>
						<?php $cart_total += $product_total; $cart_total = ($cart_total*$row['qty']); ?>
					<?php } ?>
						<div id="cart_total_mobile_info">
							<div class="shadow p-3 rounded d-flex justify-content-between">
								<div>
									<h5>Amount Payable</h5>
									<h4>₹ <temp class='cart_total'><?= number_format($cart_total) ?></temp></h4>
								</div>
								<div>
									<a href="javascript:void(0)" class="btn btn-inline btn-checkout"><span>Checkout</span></a>
								</div>
							</div>
						</div>
				<?php }else{ ?><br/>
					<div class="shadow p-3 rounded text-center">
						<div class="img-sec">
							<img src="images/svgs/magic.svg" alt="" class="img-fluid">
						</div>
						<h4>Cart is Empty. Add Some Items</h4>
					</div>
				<?php } ?>
			</div>
		</section>
    </div>
	
    <div class="desk-view">
		<section class="cart">
			<div class="container shadow-lg p-5 mb-5">
					<div class="row">
					<div class="col-md-12">
						<div class="section-center-heading">
							<h2>Service <span>Cart</span></h2>
						</div>
						<?php if(!empty($cart_items)){?>
							<?php $cart_total = 0; ?>
							<?php foreach($cart_items as $row){ ?>
								<div class="product-card standard shadow cart_item_<?= $row['rowid'] ?>" id="p-card">
									<div class="product-content p-3" id="p-content">
										<div>
											<h3 class="product-title">
												<a href="javascript:void(0)" class="view_package_details" data-id="<?= $row['id'] ?>" data-rowid="<?= $row['rowid'] ?>"><?= $row['name'] ?></a>
												<button type="button" class="view_package_details" data-id="<?= $row['id'] ?>" data-rowid="<?= $row['rowid'] ?>">
													<i class="fas fa-info-circle"></i>
												</button>
											</h3>
											<div class="product-info">
												<h5 class="product-price"> ₹ <?= number_format($row['price']) ?>/- <span class="text-danger"><?= $row['offer'] ?>% Off</span>
													<del class="text-muted">₹ <?= number_format($row['mrp']) ?></del>
												</h5>
											</div>
											<span class="time">
												<span class="mx-1"> <i class="fas fa-clock"></i> Time : </span> <?= $row['time'] ?>
											</span>
											<div class="product-meta"><?= $row['desc2'] ?></div>
											<div class="add_on_product<?= $row['rowid'] ?>">
												<?php
													$product_total = 0;
													if(!empty($row['pro_id'])){
														echo '<b>Additional Products:</b>';
														$list = explode(',',$row['pro_id']);
														echo "<ul>";
														foreach($list as $row_id){
															$pro_info = get_add_on_product_list("ID",$row_id);
															echo "<li><i class='fas fa-arrow-circle-right'></i> ".$pro_info->add_on_pro_name." [₹ ".number_format($pro_info->add_on_pro_selling_price)."&nbsp;&nbsp;<small><strike>₹ ".number_format($pro_info->add_on_pro_mrp_price)."</strike></small>]</li>";
															$product_total += $pro_info->add_on_pro_selling_price;
														}
														echo "</ul>";
													}
													$product_total += $row['price'];
												?>
											</div>
										</div>
										<div class="product-info p-info">
											<div class="pro-btn d-flex justify-content-space-between">
												<a href="javascript:void(0)" class="view_package_details" data-id="<?= $row['id'] ?>" data-rowid="<?= $row['rowid'] ?>">CHANGE PRODUCT</a>
											</div>
											<div class="mx-5">
												<button class="btn btn-outline-danger ad-btn remove_cart_btn" data-id="<?= $row['rowid'] ?>">
													<span>REMOVE</span>
												</button>
											</div>
										</div>
									</div>
									<div class="mx-0">
										<div class="product-img p-3">
											<img src="<?= $row['image'] ?>" class="rounded" alt="product" />
										</div>
										<div class="d-flex justify-content-around">
											<div class="mb-3" style="display: grid; justify-items: center">
												<div class="mb-2 rm-s">
													<span>Total Charges : <span>₹ <temp class='total_charges<?= $row['rowid'] ?>'><?= number_format($product_total) ?></temp></span></span>
												</div>
												<div class="qty-container">
													<button class="qty-btn-minus btn-light" data-id='<?= $row['id'] ?>' data-rowid="<?= $row['rowid'] ?>" type="button">
														<i class="fa fa-minus"></i>
													</button>
													<input type="text" name="qty" value="<?= $row['qty'] ?>" class="InputQty<?= $row['id'] ?> input-qty" />
													<button class="qty-btn-plus btn-light" data-id='<?= $row['id'] ?>' data-rowid="<?= $row['rowid'] ?>" type="button">
														<i class="fa fa-plus"></i>
													</button>
												</div>
											</div>
										</div>
									</div>
								</div>
								<?php $cart_total += $product_total; $cart_total = ($cart_total*$row['qty']); ?>
							<?php } ?>
							<div id='cart_total_desktop_info'>
								<div class="price-card price-active">
									<div class="price-head d-flex justify-content-between">
										<div>
											<h5>Total Amount</h5>
											<h4>₹ <temp class='cart_total'><?= number_format($cart_total) ?></temp></h4>
										</div>
									</div>
									<div class="price-btn d-flex justify-content-between align-items-center">
										<div class="d-flex align-items-baseline">
											<input type="checkbox" class="form-check" id="fix-check" />
											<label for="fix-check" class="form-check-text fw-bold mx-2">I have read <a href="javascript:void(0)" class="text-decoration-underline TermsBtn">Terms and Conditions</a></label>
										</div>
										<div>
											<a href="javascript:void(0)" class="btn btn-inline btn-checkout"><span>Checkout</span></a>
										</div>
									</div>
								</div>
							</div>
						<?php }else{ ?><br/>
							<div class="text-center">
								<div class="img-sec">
									<img src="images/svgs/magic.svg" alt="" class="img-fluid">
								</div>
								<h4>Cart is Empty. Add Some Items</h4>
							</div>
						<?php } ?>
					</div>
				</div>
			</div>
		</section>
    </div>
	
<div class="modal fade" id="view_details" aria-modal="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
			<div class="modal-header">
				<h4>Top Selling</h4>
				<button class="fas fa-times" data-dismiss="modal"></button>
			</div>
			<div class="modal-body">
				<div class="blog-details-image">
					<img src="images/product/11.jpg" id="PackImage" class="img-fluid rounded w-100" alt="blog-details">
				</div>
				<div class="product-content p-0 mt-2">
					<h5 class="product-title">
						<a href="javascript:void(0)" id="PackTitle"></a>
					</h5>
					<div class="product-meta">
						<span class="time"><i class="fas fa-clock"></i> <temp id="PackDuration"></temp> </span>
					</div>
					<div class="product-info">
						<h5 class="product-price">₹ <temp id="PackPrice"></temp>/- <span class="text-danger"><temp id="PackOffer"></temp>% Off</span>
						  <del class="text-muted">₹ <temp id="PackMRP"></temp></del>
						</h5>
					</div>
				</div>
				<div class="common-card px-0 pt-2 pb-2" id="PackProductDiv">
					<div class="card-header pb-1">
						<h5 class="fw-900">Add on Product</h5>
					</div>
					<div id="PackProductList"></div>
				</div>
				<div class="common-card px-0 pt-2 pb-2">
					<div class="card-header pb-1">
						<h5 class="fw-900">Things To Know</h5>
					</div>
					<div class="product-meta" id="PackDesc1"></div>
				</div>
				<input type="hidden" id="add_on_pro_id" />
				<input type="hidden" id="add_on_pro_price" value="0" />
				<div class="text-center">
					<button class="btn btn-outline-danger ad-btn update_to_cart_btn" id="PackAddtoBtn" data-id="">
						<span>Update To Cart</span>
					</button>
				</div>
			</div>
        </div>
    </div>
</div>

<input type="hidden" id="user_login" value="<?= $this->session->userdata('user_logged_in') ?>" />
<script>
$(document).on("click",".view_package_details",function(){
	if($(this).attr("data-id")>0){
		$("#add_on_pro_id").val('');
		$("#add_on_pro_price").val('0');
		$("#PackAddtoBtn").attr('data-id',$(this).attr("data-rowid"));
		
		$.ajax({
			url: "<?= base_url().'get_package_details' ?>",
			type: "POST",
			data:  { keys : $(this).attr('data-id') },
			dataType: "JSON",
			success: function(data)
			{
				if(data['status']=="Error"){
					toastr.warning(data['msg']);
				}else{
					$("#PackImage").attr('src',data['data1']);
					
					$("#PackTitle").html(data['data2']);
					$("#PackDuration").html(data['data3']);
					$("#PackPrice").html(data['data4']);
					$("#PackMRP").html(data['data5']);
					$("#PackOffer").html(data['data6']);
					$("#PackDesc1").html(data['data7']);
					
					if(data['data10']==""){
						$("#PackProductDiv").hide();
					}else{
						$("#PackProductDiv").show();
						$("#PackProductList").html(data['data10']);
					}
					
					$("#view_details").modal("show");
				}
			}
		});
	}
});

$(document).on("click",".add_on_pro_list",function(){
	var row_id 	= [];
	var total 	= 0;
	$("input:checkbox[class=add_on_pro_list]:checked").each(function () {
		var price = $(this).attr("data-price");
		total = parseInt(total) + parseInt(price);
		
		row_id.push($(this).val());
	});
	
	$("#add_on_pro_id").val(row_id);
	$("#add_on_pro_price").val(total);
});


$(document).on("click",".update_to_cart_btn",function(){
	if($(this).attr("data-id")!=""){
		$.ajax({
			url: "<?= base_url().'update_to_cart_products' ?>",
			type: "POST",
			data:  { keys : $(this).attr('data-id'), pro_id : $("#add_on_pro_id").val() , pro_price : $("#add_on_pro_price").val() },
			dataType: "JSON",
			success: function(data)
			{
				if(data['status']=="Error"){
					toastr.error(data['msg']);
				}else{
					$(".cart_total").html(data['total']);
					$(".add_on_product"+data['cart_row']).html(data['cart_items']);
					$(".total_charges"+data['cart_row']).html(data['cart_price']);
					
					toastr.success(data['msg']);
					$("#view_details").modal("hide");
				}
			}
		});
	}
});

$(document).on("click",".remove_cart_btn",function(){
	if($(this).attr("data-id")!=""){
		Swal.fire({
			icon: "info",
			title: "Do you want to Delete the Item?",
			showCancelButton: true,
			confirmButtonText: "Delete",
			confirmButtonColor: "#dd6b55",
		}).then((result) => {
			if (result.isConfirmed) {
				var value = $(this).attr('data-id');
				$.ajax({
					url: "<?= base_url().'delete_to_cart' ?>",
					type: "POST",
					data:  { keys : value },
					dataType: "JSON",
					success: function(data)
					{
						if(data['status']=="Error"){
							toastr.error(data['msg']);
						}else{
							$(".CartCnt").html(data['cart_cnt']);
							$(".cart_item_"+value).remove();
							$(".cart_total").html(data['total']);
							toastr.success(data['msg']);
							
							if(data['cart_cnt']==0){
								var output = '<div class="text-center"><div class="img-sec"><img src="images/svgs/magic.svg" alt="" class="img-fluid"></div><h4>Cart is Empty. Add Some Items</h4></div>';
								$("#cart_total_desktop_info").html(output);
								
								output = '<br/><div class="shadow p-3 rounded text-center"><div class="img-sec"><img src="images/svgs/magic.svg" alt="" class="img-fluid"></div><h4>Cart is Empty. Add Some Items</h4></div>';
								$("#cart_total_mobile_info").html(output);
							}
						}
					}
				});
			}
		});
	}
});

$(document).on("click",".btn-checkout",function(){
	if($("#user_login").val()>0){
		window.location.href="<?= base_url().'checkout' ?>";
	}else{
		Swal.fire({
			icon: "error",
			title: "Oops...",
			text: "Kindly Login the Portal"
		});
	}
});

$(document).on("click",".qty-btn-minus",function(){
	var id  = $(this).attr("data-id");
	var rid = $(this).attr("data-rowid");
	var qty = $(".InputQty"+id).val();
	
	if(qty>1){
		qty--;
	}else{
		qty = 1;
	}
	$(".InputQty"+id).val(qty);
	update_to_cart(rid,qty);
});

$(document).on("click",".qty-btn-plus",function(){
	var id  = $(this).attr("data-id");
	var rid = $(this).attr("data-rowid");
	var qty = $(".InputQty"+id).val();
	
	qty++;
	$(".InputQty"+id).val(qty);
	update_to_cart(rid,qty)
});

function update_to_cart(row_id,qty){
	$.ajax({
		url: "<?= base_url().'update_to_cart' ?>",
		type: "POST",
		data:  { keys1 : row_id , keys2 : qty },
		dataType: "JSON",
		success: function(data)
		{
			if(data['status']=="Error"){
				toastr.error(data['msg']);
			}else{
				toastr.success(data['msg']);
				$(".cart_total").html(data['total']);
			}
		}
	});
}
</script>