Viewing file:  cart.php (14.59 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- This file has been downloaded from bootdey.com @bootdey on twitter -->
<!-- All snippets are MIT license http://bootdey.com/license -->
<title>Jiff shop cart</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/cart.css">
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.bundle.min.js"></script>
<script src='select2/dist/js/select2.min.js' type='text/javascript'></script>
<link href='select2/dist/css/select2.min.css' rel='stylesheet' type='text/css'>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<div class="container padding-bottom-3x mb-1">
<div class="modal fade" id="deliveryModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Delivery</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<span>Standard Delivery : Enjoy delivery of your order directly to the doorstep! within 3-5 working days</span>
<hr>
<span>On Shop Pickup : You can pick up your order directly from shop</span>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="card" style="background-color: #4267B2;color: #fff; margin-top: 5px;">
<div class="card-body" style="padding: 11px;">
<div class="float left" style="display: inline-block; max-width:60%;"><span id="shop_name"></span> </div>
<div class="float-right">Powered By JIFF</div>
</div>
</div>
<div class="box-header">
<ul class="nav nav-pills">
<li class="active">
<a href="#data_table" data-toggle="tab" class="active" id="th1" ><span>Cart</span></a>
</li>
<li >
<a href="#checkout" data-toggle="tab" id="th2" ><span>Checkout</span></a>
</li>
</ul>
</div>
<!-- Alert-->
<!-- Shopping Cart-->
<div class="tab-content clearfix">
<div class="tab-pane active" id="data_table">
<div class="table-responsive shopping-cart">
<table class="table">
<tbody id="tdata">
<?php
// for ($i=0; $i < 20; $i++) {
?>
<!-- <tr >
<td id="product_info">
<div class="product-item">
<a class="product-thumb" href="#"><img src="https://via.placeholder.com/220x180/FF0000/000000" alt="Product"></a>
<div class="product-info">
<h4 class="product-title"><a href="#">Unionbay Park</a></h4><span><em>Size:</em> 10.5</span><span><em>Color:</em> Dark Blue</span>
</div>
</div>
</td>
<td class="text-center" id="qty">
<div class="count-input">
<a href="#" class="qty qty-plus"><i class="fa fa-plus"></i></a>
<input type="number" id="quantity" value="3" />
<a href="#" class="qty qty-minus"><i class="fa fa-minus"></i></a>
</div>
</td>
<td class="text-center" id="action"><a class="remove-from-cart" href="#" data-toggle="tooltip" title="Move to wish list" data-original-title="Remove item"><span>wish list </span></a></td>
</tr> -->
<?php
// }
?>
</tbody>
</table>
</div>
<div class="shopping-cart-footer">
<div class="shipping_message">
<span >*Shipping fee might be added later</span>
</div>
<a href="javascript:void(0);" data-toggle="tab" id="checkout_a">
<div class="column">
<div class="button_text float-left">
<span>Proceed To Checkout</span>
</div>
<div class="button_total float-right" id="button_total">
<span id="total_without_shipping">৳0000</span>
</div>
</div>
</a>
</div>
</div>
<div class="tab-pane" id="checkout">
<div class="card">
<div class="card-body">
<h5 class="card-title">Delivery Option</h5>
<div class="checkbox">
<label>
<input type="radio" name="delivery_option" value="1" id="standard" checked>
<span>
<!-- <i class="fa fa-money margin-right-md"></i> COD --> Standard
</span>
</label>
<label id="pick_up_label">
<input type="radio" name="delivery_option" value="3" id="pickup">
<span>
<!-- <i class="fa fa-bank margin-right-md"></i> Bkash --> On Shop Pickup
</span>
</label>
<label>
<!-- <i class="fa fa-info margin-right-md"></i> -->
<i class="fa fa-info-circle margin-right-lg delivery_icon"></i>
</label>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">Shipping and Billing Details</h5>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputName">Name *</label>
<input type="text" class="form-control" id="inputName" placeholder="Name" required>
<span class="error" id="name_error"></span>
</div>
<div class="form-group col-md-6">
<label for="inputNumber">Phone *</label>
<input type="text" class="form-control" id="inputNumber" placeholder="Phone Number" required>
<span class="error" id="phone_error"></span>
</div>
<div class="form-group col-md-6">
<!-- <input type="text" class="form-control" id="inputName" placeholder="Name" required> -->
<label for="district">District *</label>
<select class="form-control" name="district" id="district" style="width:100%;" required>
<option value='0'>Select District</option>
</select>
<span class="error" id="district_error">* Please select your district</span>
</div>
<div class="form-group col-md-6">
<!-- <input type="password" class="form-control" id="inputPassword" placeholder="Password" required> -->
<label for="upazila">Upazila *</label>
<select class="form-control" name="upazila" id="upazila" style="width:100%;" required>
<option value='0'>Select Zone</option>
</select>
<span class="error" id="upazila_error">* Please select your Zone</span>
</div>
<!-- <div class="form-group col-md-6">
<select class="form-control" name="union" id="union" style="width:100%;" required>
<option value='0'>Select Union</option>
</select>
</div> -->
<div class="form-group col-md-6">
<label for="address_label">Address *</label>
<textarea class="form-control" rows="3" name="address_label" id="address_label" placeholder="Details adress, For Example: House# 123, Street# 123, ABC Road" required></textarea>
<span class="error" id="address_error">* Please provide your address details</span>
</div>
<div class="form-group col-md-6">
<textarea class="form-control" rows="3" name="any_comment" id="any_comment" placeholder="Comment (if any)" ></textarea>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">Payment Method</h5>
<div class="checkbox">
<label id="label_cod">
<input type="radio" name="payment_method" value="cod" id="cod" checked required>
<span>
<!-- <i class="fa fa-money margin-right-md"></i> COD --> COD
</span>
</label>
<label>
<input type="radio" name="payment_method" value="bkash" id="bkash" required>
<span>
<!-- <i class="fa fa-bank margin-right-md"></i> Bkash --> Bkash
</span>
</label>
<!-- <label id="online_label">
<input type="radio" name="payment_method" value="online" id="online" required>
<span>
<i class="fa fa-bank margin-right-md"></i> Bank in Online Payment
</span>
</label> -->
</div>
</div>
</div>
<div class="card" style="margin-bottom:100px;">
<div class="card-body">
<div class="">
<div class="col_shipping float-left">
<span class="text-left">Items Total (<span id="no_of_items"></span> Items)</span>
</div>
<div class="col_shipping float-right text-right">
<span class="taka_sign" id="checkout_total_out_shipping">0000</span>
</div>
</div>
<br>
<div class="">
<div class="col_shipping float-left">
<span class="text-left">Shipping Fee</span>
</div>
<div class="col_shipping float-right">
<span class="taka_sign" id="shipping_fee">৳</span>
</div>
</div>
</div>
</div>
<a class="proceed_button" href="javascript:void(0);" id="proceed_button" style="border:none;">
<div class="column" style="width:100% !important; ">
<div class="button_text float-left">
<span>Place Order</span>
</div>
<div class="button_total float-right" id="button_total">
<span id="checkout_total">৳0000</span>
</div>
</div>
</a>
</div>
</div>
</div>
<script type="text/javascript" src="js/cart.js"></script>
<script src="js/checkout.js?v=23"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script type="text/javascript">
var total=0;
var temp_total=0;
var sub_total=0;
var url=window.location;
var url_string = new URL(url).searchParams.get("id");
var payment = new URL(url).searchParams.get("payment");
// var page_psid=url_string.split('_');
var page_id=url_string.split('_')[0];
var psid=url_string.split('_')[1];
$('.nav-pills a#th2').click(function(){
// document.getElementById('proceed_button').style.pointerEvents = 'auto';
delivery();
var no_of_items=0;
for (let i = 0; i < cart_products.length; i++) {
if (cart_products[i].quantity!==0) {
no_of_items+=cart_products[i].quantity;
}
}
// if (no_of_items==0) {
// document.getElementById('proceed_button').style.pointerEvents = 'none';
// }
// console.log(shipping_fee);
$("#shipping_fee").text("৳"+shipping_fee);
$("#checkout_total_out_shipping").text("৳"+total);
sub_total=total+shipping_fee;
$("#checkout_total").text("৳"+sub_total);
// var qnty=0;
// $('#tdata tr').each(function() {
// var qnt = $(this).find("#quantity").val();
// qnty= qnty+parseInt(qnt);
// });
$("#no_of_items").text(no_of_items);
// console.log(qnty);
})
$(".delivery_icon").on("click",function() {
console.log("modal");
$("#deliveryModal").modal('show');
})
</script>
</body>
</html>
|