changes in orderdetails and warranty and order summary pages

This commit is contained in:
2023-04-24 11:10:08 +05:30
vanhempi 32bb01f2e1
commit 810cfdb096
6 muutettua tiedostoa jossa 197 lisäystä ja 228 poistoa
+3 -28
Näytä tiedosto
@@ -1,6 +1,5 @@
async function bindOrderDetails() { async function bindOrderDetails() {
let user_number =$('.User_phoneum').text(); let user_number =$('.User_phoneum').text();
debugger
// validatesession() // validatesession()
let port = "https://anwi.bizgaze.app"; let port = "https://anwi.bizgaze.app";
// let port = "http://localhost:3088"; // let port = "http://localhost:3088";
@@ -21,11 +20,6 @@ let port = "https://anwi.bizgaze.app";
console.log(new_arrr); console.log(new_arrr);
$(".user_order_details").html(``) $(".user_order_details").html(``)
console.log('hello') console.log('hello')
// $.each(new_arrr, function (key, value) {
// console.log("a", value);
// $(".user_order_details").append(user_order_details);
// });
let user_order_details =``; let user_order_details =``;
let order_itemTotal = ''; let order_itemTotal = '';
let order_netTotal = '' ; let order_netTotal = '' ;
@@ -38,33 +32,14 @@ let port = "https://anwi.bizgaze.app";
order_netTotal = current.nettotal; order_netTotal = current.nettotal;
order_quantity =current.Quantity; order_quantity =current.Quantity;
order_taxAmount =current.taxamount; order_taxAmount =current.taxamount;
user_order_details+= `<div class=" border-3 mb-3"> <a href="#" class="text-dark order_details_main_container"><div class="d-none hi"><span class="order_itemTotal">${order_itemTotal}</span><span class="order_netTotal">${order_netTotal}</span><span class="order_tax">${order_taxAmount}</span> <span class="order_qty">${order_quantity}</span></div> <div class="bg-gray-4 p-2 row g-0"> <div class="col-md-6 "> <div class="d-flex justify-content-between align-items-center"> <div> <p class="mb-1">ORDER PLACED</p><p class="mb-1 order_date">${current.OrderDate}</p></div><div> <p class="mb-1"> TOTAL</p><p class="mb-1 Current_netTotal"> ₹${updatedCurent_total}</p></div><div> <p class="mb-1">Delivered TO </p><p class="mb-1">${current.OrganizationName}</p></div></div></div><div class="col-md-4 ms-auto"> <div> <p class="mb-1 text-end">ORDER NO: <span class="text-secondary fs-9 serial_no">${current.OrderNo}</span> </p></div><div class="d-flex justify-content-between"> <p class="mb-1 text-info"> View order details </p><p class="mb-0 text-info">Invoice</p></div></div></div><div class="border-0 card rounded-0 order-cards py-2"> <div class="row align-items-center"> <div class="col-md-3"> <img src="https://appassets.bizgaze.app/${current.imageurl}" class="img-fluid w-75 order_item_name"/> </div><div class="col-md-9"> <div class="row align-items-center"> <div class="col-md-8"> <div class="order_item_name">${current.itemname}</div></div><div class="col-md-4"> <button type="button" class="btn btn-sm btn-warning rounded order_details_btn py-0 mb-3" onClick="event.preventDefault();">Track Package</button> <button type="button" class="btn btn-sm btn-light rounded order_details_btn py-0 mb-3 shadow-sm" onClick="event.preventDefault();">Cancel Item</button> </div></div></div></div></div></div>`; user_order_details+= `<a href="" class="order_details_main_container"><div class="border-3 mb-3 card"> <div class="text-dark card-body px-0 pt-0"><div class="d-none"><span class="order_itemTotal">${order_itemTotal}</span><span class="order_netTotal">${order_netTotal}</span><span class="order_tax">${order_taxAmount}</span> <span class="order_qty">${order_quantity}</span></div> <div class="bg-gray-4 p-2 row g-0"> <div class="col-md-6 "> <div class="d-flex justify-content-between align-items-center"> <div> <p class="mb-1">ORDER PLACED</p><p class="mb-1 order_date">${current.OrderDate}</p></div><div> <p class="mb-1"> TOTAL</p><p class="mb-1 Current_netTotal"> ₹${updatedCurent_total}</p></div><div> <p class="mb-1">Delivered TO </p><p class="mb-1">${current.OrganizationName}</p></div></div></div><div class="col-md-4 ms-auto"> <div> <p class="mb-1 text-end">ORDER NO: <span class="text-secondary fs-9 serial_no">${current.OrderNo}</span> </p></div><div class="d-flex justify-content-between"> <p class="mb-1 text-info"> View order details </p><p class="mb-0 text-info">Invoice</p></div></div></div><div class="border-0 card rounded-0 order-cards py-3"> <div class="row align-items-center text-center"> <div class="col-md-3"> <img src="https://appassets.bizgaze.app/${current.imageurl}" class="img-fluid w-75 order_item_name"/> </div><div class="col-md-9"> <div class="row align-items-center"> <div class="col-md-8"> <div class="order_item_name">${current.itemname}</div></div><div class="col-md-4"> <button type="button" class="btn btn-sm rounded order_details_btn primary_btn py-0 mb-3" onClick="event.preventDefault();">Track Package</button> <button type="button" class="btn btn-sm btn-light rounded order_details_btn py-0 mb-3 shadow-sm" onClick="event.preventDefault();">Cancel Item</button> </div></div></div></div></div></div></div></a>`;
} }
$(".user_order_details").append(user_order_details); $(".user_order_details").append(user_order_details);
// $('.order_details_main_container').click(function(){
// window.localStorage.setItem("orderNumber", current.OrderNo);
// window.localStorage.setItem("orderDate", current.OrderNo);
// });
$('.order_details_main_container').click(function(){ $('.order_details_main_container').click(function(){
let current_order_date= $(this).find('.order_date').text();
let current_serial_no= $(this).find('.serial_no').text(); let current_serial_no= $(this).find('.serial_no').text();
let current_item_name= $(this).find('.order_item_name').text(); // window.localStorage.setItem('orderDate',current_order_date);
let current_order_itemTotal =$(this).find('.order_itemTotal').text();
let current_order_netTotal =$(this).find('.order_netTotal').text();
let current_order_tax =$(this).find('.order_tax').text();
let current_order_qty =$(this).find('.order_qty').text();
let order_item_img= $('.order_item_name').attr('src');
window.localStorage.setItem('orderDate',current_order_date);
window.localStorage.setItem('orderSerialno',current_serial_no); window.localStorage.setItem('orderSerialno',current_serial_no);
window.localStorage.setItem('orderItemname',current_item_name); window.localStorage.setItem('Userphonenumber',user_number);
window.localStorage.setItem('orderitemTotal',current_order_itemTotal);
window.localStorage.setItem('netTotal',current_order_netTotal)
window.localStorage.setItem('Qty',current_order_qty)
window.localStorage.setItem('tax',current_order_tax)
window.localStorage.setItem('imgsrc',order_item_img)
debugger;
// console.log(get_local_orderDate,get_local_orderSerialno)
$(this).attr('href','./orderdetails.html') $(this).attr('href','./orderdetails.html')
}) })
} }
+45 -54
Näytä tiedosto
@@ -1,62 +1,53 @@
let current_orderDate =window.localStorage.getItem('orderDate') async function order_summary(){
let current_orderSerialDate =window.localStorage.getItem('orderSerialno') let current_orderSerialDate =window.localStorage.getItem('orderSerialno');
let order_itemname =window.localStorage.getItem('orderItemname'); let user_number =window.localStorage.getItem('Userphonenumber');
let order_itemtotal =window.localStorage.getItem('orderitemTotal'); let port = "https://anwi.bizgaze.app";
let order_nettotal =window.localStorage.getItem('netTotal'); // let port = "http://localhost:3088";
let order_qty = window.localStorage.getItem('Qty') let url = `${port}/apis/v4/bizgaze/integrations/products/salesorderdetailsbyphonenumber/phonenumber/${user_number}`;
let order_tax = window.localStorage.getItem('tax') const config = {
let order_img_src =window.localStorage.getItem('imgsrc') url,
let Local_keys_update =['tax','Qty','netTotal','orderitemTotal'] method: "get",
let summary =` <div class="card-body"> headers: {
<div> 'Authorization': `stat 05b2f2ca510344968c65e1ebf49a5595 `,
<p class="mb-0 fs-6 fw-500">Order<span>${current_orderSerialDate}</span></span><span class="text-secondary fs-9"> (${order_qty} items)</p> 'Content-Type': 'application/json'
<p class="mb-0 fs-6">Order placed on ${current_orderDate}</p> }
<p class="mb-0 fs-9">Paid by Credit Card</p> };
</div>`; let res = await axios(config);
const orderDetailsres = JSON.parse(res.data.result);
console.log(orderDetailsres);
let new_arrr = orderDetailsres;
console.log(new_arrr)
let orderNumber = localStorage.getItem("orderSerialno");
let filteredOrders = new_arrr.filter(function(order) {
return order.OrderNo === orderNumber;
});
let deliverdCard=`<div class="card-body"> $.each(filteredOrders, function(index, order) {
<div class="row align-items-center mb-md-4"> console.log(order.OrderNo)
<div class="col-md-6"> let Delivery_status =order.stageshortcode
<div class="d-flex"> let deliverdCard=`<div class="card rounded-0 border-0 bg-white mb-3 "><div class=card-body><div class="align-items-center row"><div class=col-md-6><div class=d-flex><img class=img-fluid src=""></div><div class="d-flex align-items-center"><div>Delivery Status :</div><div class="text-secondary delivery_status" data-status="${order.stageshortcode}"></div></div></div><div class="col-md-6 text-end"><button class="bg-return btn ">Claim warranty</button> <button class="bg-return btn ">Support</button></div></div><div><small class=" text-secondary me-2">Delivered To</small><small class="fw-600 user_name">${order.OrganizationName}</div><div class="row pb-4 pb-md-0 align-items-center"><div class="col-md-4 text-center"><img class="img-fluid order_img w-75"src=https://appassets.bizgaze.app/${order.imageurl}></div><div class="col-md-8 position-relative"><small class=" mb-0 order_itemname">${order.itemname} (${order.Quantity} items)<small class=" align-items-center d-flex fw-600 mb-3"><svg class="bi bi-currency-rupee"fill=currentColor height=16 viewBox="0 0 16 16"width=16 xmlns=http://www.w3.org/2000/svg><path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path></svg><small class="order_price fs-6">${order.itemtotal}</small><p class=" mb-0 close_exchange position-absolute d-none text-secondary">Return/Exchange window closed on Friday,24 March <a class=text-primary href=#>Why?</a></div></div></div></div>`;
<img src="" class="img-fluid"/>
<div>
<span class="fs-5">Delivered</span>
<span class="text-secondary fs-9">Shipment 1 / 5-1 item (1 Delivered)</span>
</div>
</div>
<div> <span class="text-secondary fs-9">Delivered on Sunday, 9 March <span class="text-a-color">Invoice</span></span></div>
</div>
<div class="col-md-6 text-end">
<button class="btn btn-order-text bg-return">SUPPPORT</button>
</div>
</div>
<div>
<span class="text-secondary fs-9 d-none">Shipping to</span>
<p class="fs-5 fw-600 user_name">Ashok Kumar</p>
</div>
<div class="row pb-md-0 pb-4">
<div class="col-md-4 text-center">
<img src="${order_img_src}" class="img-fluid order_img"/>
</div>
<div class="col-md-8 position-relative">
<p class="mb-0 fs-6 order_itemname">${order_itemname}</p>
<p class="mb-3 fs-6 fw-600 d-flex align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
<path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path>
</svg><span class="order_price">${order_itemtotal}</span>
</p>
<p class="mb-0 fs-6 position-absolute close_exchange">Return/Exchange window closed on Friday,24 March <a href="#" class="text-primary">Why?</a></p>
</div>
</div>
</div>`
$('.deliverd-card').append(deliverdCard) $('.deliverd-card').append(deliverdCard)
$('.order_tax').html(order_tax) if(Delivery_status == 'CMD'){
$('.Order_total').html(order_nettotal) $('.delivery_status').html('Deliverd')
$('.order-summary').html(summary); }
if(Delivery_status == 'APL'){
$('.delivery_status').html('Approval')
}
});
console.log(filteredOrders)
let summary =`<div class=card-body><div><p class="mb-0 fw-500">Order<span>${orderNumber}</span><span class=" text-secondary"> (${filteredOrders.length} items)<p class="mb-0 ">Order placed on ${filteredOrders[0].OrderDate}</p></div>`;
$('.order_tax').html(filteredOrders[0].taxamount)
$('.Order_total').html(filteredOrders[0].nettotal)
$('.order_price').html(filteredOrders[0].itemtotal)
$('.order-summary').html(summary);
$('.back_to_orders').click(function(){ $('.back_to_orders').click(function(){
let Local_keys_update =['Userphonenumber','orderSerialno']
debugger debugger
for (key of Local_keys_update) { for (key of Local_keys_update) {
window.localStorage.removeItem(key); window.localStorage.removeItem(key);
} }
$(this).attr('href','./myaccount.html') $(this).attr('href','./myaccount.html')
}) })
}
order_summary()
+85 -106
Näytä tiedosto
@@ -1,13 +1,12 @@
function wattantyFunction() { function wattantyFunction() {
debugger;
let order_card = `<div class=warranty_product><div class="py-3 warranty_productform"><div class=mb-3><label class=form-label for=Add_serial_number_inp>Enter Your Serial Number</label><input class=form-control id=Add_serial_number_inp required><label class="form-label text-danger d-none error_serial_num" for=Add_serial_number_inp >Serial Number should not be empty</label></div><div class=mb-3><label class="form-label d-none Add_phonenumber_inp_label" for=Add_phonenumber_inp>Enter Your Phone Number</label> <input class="form-control d-none "id=Add_phonenumber_inp required><label class="text-danger d-none form-label error_phonenumber" for=Add_phonenumber_inp>Enter Valid Phone Number</label></div><div class=mb-3><label class="form-label d-none Add_Contact_inp_label" for=Add_contactname_inp>Enter Your Contactname</label> <input class="form-control d-none" id=Add_contactname_inp required></div><div class="serial_submit text-end"><button class="btn btn-dark warranty_serialNumber_check" type="button">Submit</button><button class="btn btn-dark warranty_serialNumber_submit d-none" type="button">Submit</button></div></div></div>`; let order_card = `<div class=warranty_product><div class="py-3 warranty_productform"><div class=mb-3><label class=form-label for=Add_serial_number_inp>Enter Your Serial Number</label><input class=form-control id=Add_serial_number_inp required><label class="form-label text-danger d-none error_serial_num" for=Add_serial_number_inp >Serial Number should not be empty</label></div><div class=mb-3><label class="form-label d-none Add_phonenumber_inp_label" for=Add_phonenumber_inp>Enter Your Phone Number</label> <input class="form-control d-none "id=Add_phonenumber_inp required><label class="text-danger d-none form-label error_phonenumber" for=Add_phonenumber_inp>Enter Valid Phone Number</label></div><div class=mb-3><label class="form-label d-none Add_Contact_inp_label" for=Add_contactname_inp>Enter Your Contactname</label> <input class="form-control d-none" id=Add_contactname_inp required></div><div class="serial_submit text-end"><button class="btn btn-dark warranty_serialNumber_check" type="button">Submit</button><button class="btn btn-dark warranty_serialNumber_submit d-none" type="button">Submit</button></div></div></div>`;
$(".user_orders").append(order_card); $(".user_orders").append(order_card);
$(".add_serialNum").click(function () { $(".add_serialNum").click(function () {
$(".warranty_productform").removeClass("d-none"); $(".warranty_productform").removeClass("d-none");
$(this).addClass("d-none"); $(this).addClass("d-none");
}); });
$(".warranty_serialNumber_submit").click(async function () { $(".warranty_serialNumber_submit").click(async function () {
debugger
let serial_no_inp = $("#Add_serial_number_inp").val(); let serial_no_inp = $("#Add_serial_number_inp").val();
let phonenumber_inp = $("#Add_phonenumber_inp").val(); let phonenumber_inp = $("#Add_phonenumber_inp").val();
let contactname_inp = $("#Add_contactname_inp").val(); let contactname_inp = $("#Add_contactname_inp").val();
@@ -32,63 +31,37 @@ function wattantyFunction() {
debugger; debugger;
console.log(response); console.log(response);
let product_res = response.data.result; let product_res = response.data.result;
debugger;
if (product_res != null) { if (product_res != null) {
let warrenty_res = JSON.parse(product_res); let warrenty_res = JSON.parse(product_res);
let new_arr = [warrenty_res]; let new_arr = [warrenty_res];
$.each(new_arr, function (key, value) { $.each(new_arr, function (key, value) {
console.log(value); console.log(value);
if (response.data.result == "[]") { if (response.data.result == "[]") {
// Command: toastr["error"]("Serial number not found !")
// toasterOpts();
// $('#Add_serial_number_inp').addClass('border-danger');
// $('.error_serial_num').removeClass('d-none')
$(".user_Warranty_details").html( $(".user_Warranty_details").html(
`<div class="text-danger d-flex align-items-center bg-dangerLite text-dark p-2 rounded-4 mb-3" style="background-color: #ffe2e0!important;display:block"><div class="mr-1 d-flex justify-content-center align-items-center" style="width: 30px; height: 10px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2646 3.41366C11.7212 3.15681 12.2788 3.15681 12.7354 3.41366L19.2354 7.06991C19.7077 7.33558 20 7.83536 20 8.37727V15.6227C20 16.1646 19.7077 16.6644 19.2354 16.9301L12.7354 20.5863C12.2788 20.8432 11.7212 20.8432 11.2646 20.5863L4.76461 16.9301C4.29229 16.6644 4 16.1646 4 15.6227V8.37727C4 7.83536 4.29229 7.33559 4.76461 7.06991L11.2646 3.41366Z" fill="#FF3A2E"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7.4C11 7.17909 11.1791 7 11.4 7H12.6C12.8209 7 13 7.17909 13 7.4V12.6C13 12.8209 12.8209 13 12.6 13H11.4C11.1791 13 11 12.8209 11 12.6V7.4Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z" fill="white"></path></svg></div><div class="d-flex justify-content-center align-items-center font-12">Serial Number Not Found</div></div>` `<div class="text-danger d-flex align-items-center bg-dangerLite text-dark p-2 rounded-4 mb-3" style="background-color: #ffe2e0!important;display:block"><div class="mr-1 d-flex justify-content-center align-items-center" style="width: 30px; height: 10px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2646 3.41366C11.7212 3.15681 12.2788 3.15681 12.7354 3.41366L19.2354 7.06991C19.7077 7.33558 20 7.83536 20 8.37727V15.6227C20 16.1646 19.7077 16.6644 19.2354 16.9301L12.7354 20.5863C12.2788 20.8432 11.7212 20.8432 11.2646 20.5863L4.76461 16.9301C4.29229 16.6644 4 16.1646 4 15.6227V8.37727C4 7.83536 4.29229 7.33559 4.76461 7.06991L11.2646 3.41366Z" fill="#FF3A2E"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7.4C11 7.17909 11.1791 7 11.4 7H12.6C12.8209 7 13 7.17909 13 7.4V12.6C13 12.8209 12.8209 13 12.6 13H11.4C11.1791 13 11 12.8209 11 12.6V7.4Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z" fill="white"></path></svg></div><div class="d-flex justify-content-center align-items-center font-12">Serial Number Not Found</div></div>`
); );
setTimeout(function(){ setTimeout(function () {
$('.bg-dangerLite').hide() $(".bg-dangerLite").hide();
}, 1000) }, 1000);
// $('.warranty_productform').addClass('d-none');
// $('.add_serialNum').removeClass('d-none');
return; return;
} else { } else {
const warrantyEnabled = value[0].warrantyenabled; const warrantyEnabled = value[0].warrantyenabled;
$('.warranty_status_main_container').addClass('d-none') $(".warranty_status_main_container").addClass("d-none");
if (warrantyEnabled == false) { if (warrantyEnabled == false) {
let phonenumber_updated = Number(phonenumber_inp); let phonenumber_updated = Number(phonenumber_inp);
$(".user_Warranty_details").removeClass("d-none"); $(".user_Warranty_details").removeClass("d-none");
// let strDate = new Date(value[0].purchasedate).toISOString().slice(0, 10); let Warrentypayload = {
let Warrentypayload = { sku: value[0].sku,
sku: value[0].sku, serialno: serial_no_inp,
serialno: serial_no_inp, phonenumber: phonenumber_updated,
phonenumber: phonenumber_updated, contactname: contactname_inp,
contactname: contactname_inp, warrantyfromdate: value[0].purchasedate,
warrantyfromdate: value[0].purchasedate, };
}; warrentyService(Warrentypayload);
warrentyService(Warrentypayload); } else {
} else { alert('warranty enabled')
$('.backtoform').removeClass('d-none') }
// let warrantySerialnumber =$('.serial_no_warrantynumber').text()
let warrenty_date = value[0].warrantytodate;
// let userwarrenty_product = `<div class="border-3 border-start my-3 order-cards ps-4 rounded-0" id='order-cards'> <div class="col-md-12 "><b>Warranty For :</b> ${value[0].itemname}</div><div class="row align-items-center"> <div class=col-md-12> <div class="col-md-6 my-2"><span>Serail NO :</span> <span class="fs-9 text-secondary serial_no_warrantynumber">${value[0].serialno}</span> </div><div class="col-md-6 my-2"><span> Warrenty Expiry Date :</span> <span class=" fs-9 text-secondary rounded-2 warrenty_date">${value[0].warrantytodate}</span> </div><div class="my-2 col-md-6"><span> Warranty Start Date :</span> <span class="fs-9 text-secondary purchase_date">${value[0].warrantyfromdate}</span> </div><div class="col-md-6 my-2"> <span> Warranty Status : </span><span class="bg-success btn fs-9 is_warranty_enable py-0 text-white"> ${value[0].warrantyenabled}</span> </div></div></div></div>`;
let userwarrenty_product = `<div class="p-3 bg-white my-3 rounded warranty-card"id=warranty-card><div class="mb-3 card rounded-3 text-white"><div class="row align-items-center g-0 justify-content-between"><div class="col-md-3 text-center"><img alt=guarantee src=../dist/assets/imgs/guarantee.png class="h-50p img-fluid w-50p"></div><div class=col-md-9><div class=card-body><h5 class=card-title>Congratulations,</h5><p class=card-text><small>Thanks for registering with <span class=fw-bold>anwi systems </span>.You have successfully availed your warranty.</small></div></div></div></div><div class=col-md-12><h4>Here is your warranty Details</h4></div><div class="p-3 border rounded-3"><div class=row><div class=col-6><img alt=Warranty-product src="../dist/assets/imgs/anwi-logo-1.png" class="w-50"></div><div class=col-6><p class="mb-0 text-secondary"><small>Serail No</small><p class="mb-0 fs-9 serial_no_warrantynumber"><p class="fw-500">${value[0].serialno}</p><p class="mb-0 text-secondary"><small>Warranty will be applicable till</small><p class="mb-0 fs-9 rounded-2 warrenty_date"><small class="fw-500">${value[0].warrantytodate}</small></div></div><h6>Order details</h6><div class="row mb-3"><div class=col-6><p class="mb-0 text-secondary"><small>Sku</small><p class="mb-0 fs-9 rounded-2 warranty_sku"><small class="fw-500">${value[0].sku}</small></div><div class=col-6><p class="mb-0 text-secondary"><small>Itemname</small><p class="mb-0 fs-9 rounded-2 warranty_item_name"><small class="fw-500">${value[0].itemname}</small></div></div><h6>Warranty details</h6><div class=row><div class=col-6><p class="mb-0 text-secondary"><small>Warranty Start</small><p class="mb-0 fs-9 rounded-2"><small class="purchase_date fw-500" >${value[0].warrantyfromdate}</small></div><div class=col-6><p class="mb-0 text-secondary"><small>Warranty status</small><p class="mb-0 fs-9 text-secondary rounded-2"><small class="text-white bg-success is_warranty_enable p-1 rounded-pill">{value[0].warrantyenabled}</small></div></div></div><div class=guide-lines><p class=mb-0><small>Follow Below steps to request your warranty claim.</small><ol><small class=text-secondary><li class=text-secondary>Go to My account</small><small class=text-secondary><li class=text-secondary>Tap on request claim</small><small class=text-secondary><li class=text-secondary>Enter information and send claim request</small></ol></div></div>`;
let is_warranty_enable = value[0].warrantyenabled;
debugger;
$(".user_Warranty_details").html(userwarrenty_product);
if (is_warranty_enable == true) {
$(".is_warranty_enable").text("Activated");
} else {
$(".is_warranty_enable").text("Not Activated");
}
if (warrenty_date == "") {
$(".warrenty_date").addClass("d-none");
} else {
$(".warrenty_date").removeClass("d-none");
}
$("#Add_serial_number_inp").addClass("border-success");
$(".error_serial_num").addClass("d-none");
$(".add_serialNum").removeClass("d-none");
}
} }
}); });
} }
@@ -102,7 +75,7 @@ function wattantyFunction() {
} }
} }
}); });
$('.warranty_serialNumber_check').click(async function(){ $(".warranty_serialNumber_check").click(async function () {
let serial_no_inp = $("#Add_serial_number_inp").val(); let serial_no_inp = $("#Add_serial_number_inp").val();
if (serial_no_inp != "") { if (serial_no_inp != "") {
$(".error_serial_num").addClass("d-none"); $(".error_serial_num").addClass("d-none");
@@ -124,29 +97,61 @@ function wattantyFunction() {
debugger; debugger;
console.log(response); console.log(response);
let product_res = response.data.result; let product_res = response.data.result;
debugger;
let warrenty_res = JSON.parse(product_res);
if (product_res != null) { if (product_res != null) {
if (response.data.result == "[]") { if (response.data.result == "[]") {
$('.bg-dangerLite').removeClass('d-none') $(".bg-dangerLite").removeClass("d-none");
$(".user_Warranty_details").html( $(".user_Warranty_details").html(
`<div class="text-danger d-flex align-items-center bg-dangerLite text-dark p-2 rounded-4 mb-3" style="background-color: #ffe2e0!important;display:block"><div class="mr-1 d-flex justify-content-center align-items-center" style="width: 30px; height: 10px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2646 3.41366C11.7212 3.15681 12.2788 3.15681 12.7354 3.41366L19.2354 7.06991C19.7077 7.33558 20 7.83536 20 8.37727V15.6227C20 16.1646 19.7077 16.6644 19.2354 16.9301L12.7354 20.5863C12.2788 20.8432 11.7212 20.8432 11.2646 20.5863L4.76461 16.9301C4.29229 16.6644 4 16.1646 4 15.6227V8.37727C4 7.83536 4.29229 7.33559 4.76461 7.06991L11.2646 3.41366Z" fill="#FF3A2E"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7.4C11 7.17909 11.1791 7 11.4 7H12.6C12.8209 7 13 7.17909 13 7.4V12.6C13 12.8209 12.8209 13 12.6 13H11.4C11.1791 13 11 12.8209 11 12.6V7.4Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z" fill="white"></path></svg></div><div class="d-flex justify-content-center align-items-center font-12">Serial Number Not Found</div></div>` `<div class="text-danger d-flex align-items-center bg-dangerLite text-dark p-2 rounded-4 mb-3" style="background-color: #ffe2e0!important;display:block"><div class="mr-1 d-flex justify-content-center align-items-center" style="width: 30px; height: 10px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2646 3.41366C11.7212 3.15681 12.2788 3.15681 12.7354 3.41366L19.2354 7.06991C19.7077 7.33558 20 7.83536 20 8.37727V15.6227C20 16.1646 19.7077 16.6644 19.2354 16.9301L12.7354 20.5863C12.2788 20.8432 11.7212 20.8432 11.2646 20.5863L4.76461 16.9301C4.29229 16.6644 4 16.1646 4 15.6227V8.37727C4 7.83536 4.29229 7.33559 4.76461 7.06991L11.2646 3.41366Z" fill="#FF3A2E"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7.4C11 7.17909 11.1791 7 11.4 7H12.6C12.8209 7 13 7.17909 13 7.4V12.6C13 12.8209 12.8209 13 12.6 13H11.4C11.1791 13 11 12.8209 11 12.6V7.4Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z" fill="white"></path></svg></div><div class="d-flex justify-content-center align-items-center font-12">Serial Number Not Found</div></div>`
); );
// );
// ); setTimeout(function () {
setTimeout(function(){ $(".bg-dangerLite").hide();
$('.bg-dangerLite').hide() }, 1000);
}, 1000) return;
return; }
else {
if (warrenty_res[0].warrantyenabled == true) {
$(".backtoform").removeClass("d-none");
let new_arr = [warrenty_res];
$.each(new_arr, function (key, value) {
console.log(value);
let warrenty_date = value[0].warrantytodate;
let userwarrenty_product = `<div class="p-3 bg-white my-3 rounded warranty-card"id=warranty-card><div class="mb-3 card rounded-3 text-white"><div class="row align-items-center g-0 justify-content-between"><div class="col-md-3 text-center"><img alt=guarantee src=../dist/assets/imgs/guarantee.png class="h-50p img-fluid w-50p"></div><div class=col-md-9><div class=card-body><h5 class=card-title>Congratulations,</h5><p class=card-text><small>Thanks for registering with <span class=fw-bold>anwi systems </span>.You have successfully availed your warranty.</small></div></div></div></div><div class=col-md-12><h4>Here is your warranty Details</h4></div><div class="p-3 border rounded-3"><div class=row><div class=col-6><img alt=Warranty-product src="../dist/assets/imgs/anwi-logo-1.png" class="w-50"></div><div class=col-6><p class="mb-0 text-secondary"><small>Serail No</small><p class="mb-0 fs-9 serial_no_warrantynumber"><p class="fw-500">${value[0].serialno}</p><p class="mb-0 text-secondary"><small>Warranty will be applicable till</small><p class="mb-0 fs-9 rounded-2 warrenty_date"><small class="fw-500">${value[0].warrantytodate}</small></div></div><h6>Order details</h6><div class="row mb-3"><div class=col-6><p class="mb-0 text-secondary"><small>Sku</small><p class="mb-0 fs-9 rounded-2 warranty_sku"><small class="fw-500">${value[0].sku}</small></div><div class=col-6><p class="mb-0 text-secondary"><small>Itemname</small><p class="mb-0 fs-9 rounded-2 warranty_item_name"><small class="fw-500">${value[0].itemname}</small></div></div><h6>Warranty details</h6><div class=row><div class=col-6><p class="mb-0 text-secondary"><small>Warranty Start</small><p class="mb-0 fs-9 rounded-2"><small class="purchase_date fw-500" >${value[0].warrantyfromdate}</small></div><div class=col-6><p class="mb-0 text-secondary"><small>Warranty status</small><p class="mb-0 fs-9 text-secondary rounded-2"><small class="text-white bg-success is_warranty_enable p-1 rounded-pill">{value[0].warrantyenabled}</small></div></div></div><div class=guide-lines><p class=mb-0><small>Follow Below steps to request your warranty claim.</small><ol><small class=text-secondary><li class=text-secondary>Go to My account</small><small class=text-secondary><li class=text-secondary>Tap on request claim</small><small class=text-secondary><li class=text-secondary>Enter information and send claim request</small></ol></div></div>`;
let is_warranty_enable = value[0].warrantyenabled;
debugger;
$(".user_Warranty_details").html(userwarrenty_product);
$(".warranty_status_main_container").addClass("d-none");
if (is_warranty_enable == true) {
$(".is_warranty_enable").text("Activated");
} else {
$(".is_warranty_enable").text("Not Activated");
}
if (warrenty_date == "") {
$(".warrenty_date").addClass("d-none");
} else {
$(".warrenty_date").removeClass("d-none");
}
$("#Add_serial_number_inp").addClass("border-success");
$(".error_serial_num").addClass("d-none");
$(".add_serialNum").removeClass("d-none");
return
});
} }
else{ else {
$('.bg-dangerLite').addClass('d-none') $(".bg-dangerLite").addClass("d-none");
$(".Add_phonenumber_inp_label").removeClass('d-none') $(".Add_phonenumber_inp_label").removeClass("d-none");
$("#Add_phonenumber_inp").removeClass('d-none') $("#Add_phonenumber_inp").removeClass("d-none");
$(".Add_Contact_inp_label").removeClass('d-none') $(".Add_Contact_inp_label").removeClass("d-none");
$("#Add_contactname_inp").removeClass('d-none') $("#Add_contactname_inp").removeClass("d-none");
$(".warranty_serialNumber_submit").removeClass('d-none') $(".warranty_serialNumber_submit").removeClass("d-none");
$(this).addClass('d-none') $(this).addClass("d-none");
$(".Serial_numb_notfound").addClass('d-none') $(".Serial_numb_notfound").addClass("d-none");
} }
}
} }
} else { } else {
if (serial_no_inp == "") { if (serial_no_inp == "") {
@@ -154,54 +159,28 @@ function wattantyFunction() {
$(".error_serial_num").removeClass("d-none"); $(".error_serial_num").removeClass("d-none");
} }
} }
}) });
async function warrentyService(Warrentypayload) { async function warrentyService(Warrentypayload) {
// let d = new Date();
// // let strDate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate();
// let strDate = new Date().toISOString().slice(0, 10)
// console.log(strDate)
debugger;
const res = await postAPIServiceWarranty( const res = await postAPIServiceWarranty(
`apis/v4/bizgaze/transact/items/savewarrantyasync`, `apis/v4/bizgaze/transact/items/savewarrantyasync`,
Warrentypayload Warrentypayload
); );
debugger;
console.log(res); console.log(res);
if (res.data.status == 2) { if (res.data.status == 2) {
// $('.warranty_productform').addClass('d-none'); $(".warranty_status_main_container").removeClass("d-none");
// $('.add_serialNum').removeClass('d-none'); $(".bg-dangerLite").removeClass("d-none");
// Command: toastr["warning"](res.data.message)
// toasterOpts();
$('.warranty_status_main_container').removeClass('d-none')
$('.bg-dangerLite').removeClass('d-none');
$(".user_Warranty_details").html( $(".user_Warranty_details").html(
`<div class="text-danger d-flex align-items-center bg-dangerLite text-dark p-2 rounded-4 mb-3" style="background-color: #ffe2e0!important;display:block"><div class="mr-1 d-flex justify-content-center align-items-center" style="width: 30px; height: 10px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2646 3.41366C11.7212 3.15681 12.2788 3.15681 12.7354 3.41366L19.2354 7.06991C19.7077 7.33558 20 7.83536 20 8.37727V15.6227C20 16.1646 19.7077 16.6644 19.2354 16.9301L12.7354 20.5863C12.2788 20.8432 11.7212 20.8432 11.2646 20.5863L4.76461 16.9301C4.29229 16.6644 4 16.1646 4 15.6227V8.37727C4 7.83536 4.29229 7.33559 4.76461 7.06991L11.2646 3.41366Z" fill="#FF3A2E"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7.4C11 7.17909 11.1791 7 11.4 7H12.6C12.8209 7 13 7.17909 13 7.4V12.6C13 12.8209 12.8209 13 12.6 13H11.4C11.1791 13 11 12.8209 11 12.6V7.4Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z" fill="white"></path></svg></div><div class="d-flex justify-content-center align-items-center font-12">No Serial number found / Product not Delivered</div></div>` `<div class="text-danger d-flex align-items-center bg-dangerLite text-dark p-2 rounded-4 mb-3" style="background-color: #ffe2e0!important;display:block"><div class="mr-1 d-flex justify-content-center align-items-center" style="width: 30px; height: 10px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2646 3.41366C11.7212 3.15681 12.2788 3.15681 12.7354 3.41366L19.2354 7.06991C19.7077 7.33558 20 7.83536 20 8.37727V15.6227C20 16.1646 19.7077 16.6644 19.2354 16.9301L12.7354 20.5863C12.2788 20.8432 11.7212 20.8432 11.2646 20.5863L4.76461 16.9301C4.29229 16.6644 4 16.1646 4 15.6227V8.37727C4 7.83536 4.29229 7.33559 4.76461 7.06991L11.2646 3.41366Z" fill="#FF3A2E"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7.4C11 7.17909 11.1791 7 11.4 7H12.6C12.8209 7 13 7.17909 13 7.4V12.6C13 12.8209 12.8209 13 12.6 13H11.4C11.1791 13 11 12.8209 11 12.6V7.4Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z" fill="white"></path></svg></div><div class="d-flex justify-content-center align-items-center font-12">No Serial number found / Product not Delivered</div></div>`
); );
setTimeout(function(){ setTimeout(function () {
$('.bg-dangerLite').hide() $(".bg-dangerLite").hide();
}, 1000) }, 1000);
} else if (res.data.status == "0") { } else if (res.data.status == "0") {
$(".user_Warranty_details").html(`<div class="text-danger d-flex align-items-center bg-dangerLite text-dark p-2 rounded-4 mb-3" style="background-color:#fff!important;display:block"><div class="mr-1 d-flex justify-content-center align-items-center" style="width: 30px; height: 10px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px" baseProfile="basic"><circle cx="24" cy="24" r="20" fill="#6be3a2"/><path fill="#324561" d="M22.5,33c-0.226,0-0.446-0.076-0.625-0.219l-7.5-6c-0.431-0.345-0.501-0.974-0.156-1.405 c0.347-0.431,0.975-0.501,1.406-0.156l6.667,5.334l9.889-14.126c0.316-0.454,0.94-0.562,1.393-0.246 c0.453,0.317,0.562,0.94,0.246,1.393l-10.5,15c-0.158,0.227-0.403,0.377-0.677,0.417C22.595,32.997,22.547,33,22.5,33z"/></svg></div><div class="d-flex justify-content-center align-items-center font-12">${res.data.message}</div></div>`); $(".user_Warranty_details").html(
`<div class="text-danger d-flex align-items-center bg-dangerLite text-dark p-2 rounded-4 mb-3" style="background-color:#fff!important;display:block"><div class="mr-1 d-flex justify-content-center align-items-center" style="width: 30px; height: 10px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px" baseProfile="basic"><circle cx="24" cy="24" r="20" fill="#6be3a2"/><path fill="#324561" d="M22.5,33c-0.226,0-0.446-0.076-0.625-0.219l-7.5-6c-0.431-0.345-0.501-0.974-0.156-1.405 c0.347-0.431,0.975-0.501,1.406-0.156l6.667,5.334l9.889-14.126c0.316-0.454,0.94-0.562,1.393-0.246 c0.453,0.317,0.562,0.94,0.246,1.393l-10.5,15c-0.158,0.227-0.403,0.377-0.677,0.417C22.595,32.997,22.547,33,22.5,33z"/></svg></div><div class="d-flex justify-content-center align-items-center font-12">${res.data.message}</div></div>`
);
} }
} }
// function toasterOpts() {
// toastr.options = {
// "closeButton": true,
// "debug": false,
// "newestOnTop": true,
// "progressBar": true,
// "positionClass": "toast-top-center",
// "preventDuplicates": true,
// "showDuration": "300",
// "hideDuration": "1000",
// "timeOut": "3000",
// "extendedTimeOut": "1000",
// "showEasing": "swing",
// "hideEasing": "linear",
// "showMethod": "fadeIn",
// "hideMethod": "fadeOut"
// }
// }
} }
wattantyFunction(); wattantyFunction();
+10 -2
Näytä tiedosto
@@ -1091,7 +1091,7 @@ html,body{
/* ORDER DETAILS */ /* ORDER DETAILS */
.bg-return{ .bg-return{
background-color: #f7f0e1 !important; background-color: #d0f5ff !important;
} }
.close_exchange{ .close_exchange{
bottom:10px; bottom:10px;
@@ -1106,7 +1106,7 @@ html,body{
font-size: 1rem !important; font-size: 1rem !important;
} }
.order-summary{ .order-summary{
background-color:#f3e2be !important; background-color:#c8ebff !important;
} }
.fs-7{ .fs-7{
font-size: 0.7rem; font-size: 0.7rem;
@@ -1603,4 +1603,12 @@ background: linear-gradient(75deg, rgb(56 89 118) 51%, rgb(107 18 111) 89%)
.fs-60 { .fs-60 {
font-size: 60px !important; font-size: 60px !important;
padding: 40px 0px !important; padding: 40px 0px !important;
}
.Order_details_section{
position: sticky;
top: 120px;
}
.primary_btn{
background: #0A1039 !important;
color: #fff !important;
} }
+1 -1
Näytä tiedosto
@@ -229,7 +229,7 @@
<div class="tab-pane fade active show" id="orders" role="tabpanel"> <div class="tab-pane fade active show" id="orders" role="tabpanel">
<div class="myaccount-content"> <div class="myaccount-content">
<h3>Order Details</h3> <h3>Order Details</h3>
<div class="user_order_details border rounded mb-3"> <div class="user_order_details rounded mb-3">
</div> </div>
</div> </div>
+53 -37
Näytä tiedosto
@@ -35,41 +35,42 @@
<!-- end-navbar --> <!-- end-navbar -->
<!-- main-body --> <!-- main-body -->
<main class="main-body home-main-container pt-5"> <main class="main-body home-main-container pt-5">
<section class="bg-gray-7 pt-md-5 pt-5"> <section class="bg-gray-7 pt-md-5 pt-5">
<div class="container pb-5"> <div class="container pb-5">
<div class="row pb-4"> <div class="row pb-4">
<div class="col-6"> <div class="col-6">
<a href="#" class="fw-600 text-a-color back_to_orders"> Back to Orders</a> <a href="#" class="fw-600 text-a-color back_to_orders"> Back to Orders</a>
</div> </div>
<div class="col-6 text-end"> <div class="col-6 text-end">
<a href="#" class="fw-600 text-a-color">Need Help ?</a> <a href="#" class="fw-600 text-a-color">Need Help ?</a>
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="card rounded-0 border-0 bg-white mb-3 deliverd-card">
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="row">
<div class="Order_details_section mb-2"> <div class="col-md-8 deliverd-card">
<div class="card rounded-0 border-0 order-summary">
</div>
</div> <div class="col-md-4">
</div> <div class="Order_details_section mb-2">
<div class="card rounded-0 border-top-0"> <div class="card rounded-0 border-0 order-summary">
</div>
<div class="card rounded-0 border-top-0">
<div class="card-body"> <div class="card-body">
<div class="payement details"> <div class="payement details">
<p class="fs-6 fw-600 mb-0 pb-1 border-bottom">Order Payment Details</p> <p class="fs-6 fw-600 mb-0 pb-1 border-bottom">Order Payment Details</p>
<div class="border-bottom py-1"> <div class="py-1">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-6"> <div class="col-6">
<p class="fs-9 mb-0">Order Amount</p> <p class="fs-9 mb-0">Order Amount</p>
</div> </div>
<div class="col-6 text-end"> <div class="col-6 text-end">
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16"> <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"
<path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path> fill="currentColor" class="bi bi-currency-rupee"
</svg><span class="order_price fs-7">32,000</span> viewBox="0 0 16 16">
<path
d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z">
</path>
</svg><span class="order_price fs-7">32,000</span>
</div> </div>
</div> </div>
<div class="row align-items-center"> <div class="row align-items-center">
@@ -77,12 +78,20 @@
<p class="fs-9 mb-0">Tax</p> <p class="fs-9 mb-0">Tax</p>
</div> </div>
<div class="col-6 text-end"> <div class="col-6 text-end">
<p class="fs-7 mb-0 text-order-brown order_tax">-₹1000.00</p> <!-- <p class="fs-7 mb-0 text-order-brown order_tax">-₹1000.00</p> -->
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"
fill="currentColor" class="bi bi-currency-rupee text-order-brown"
viewBox="0 0 16 16">
<path
d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z">
</path>
</svg>
<span class="fs-7 mb-0 text-order-brown order_tax"></span>
</div> </div>
</div> </div>
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-6"> <div class="col-6">
<p class="fs-9 mb-0">Convenience Fee</p> <p class="fs-9 mb-0">Shipping Fee</p>
</div> </div>
<div class="col-6 text-end"> <div class="col-6 text-end">
<p class="fs-7 mb-0 text-order-brown">Free</p> <p class="fs-7 mb-0 text-order-brown">Free</p>
@@ -93,19 +102,23 @@
<p class="fs-9 mb-1 fw-500">Order Total</p> <p class="fs-9 mb-1 fw-500">Order Total</p>
</div> </div>
<div class="col-6 text-end"> <div class="col-6 text-end">
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16"> <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"
<path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path> fill="currentColor" class="bi bi-currency-rupee"
viewBox="0 0 16 16">
<path
d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z">
</path>
</svg> </svg>
<span class="fs-7 mb-1 fw-500 Order_total"></span> <span class="fs-7 mb-1 fw-500 Order_total"></span>
</div> </div>
</div> </div>
</div> </div>
<div class="py-1"> <div class="py-1 d-none">
<p class="fs-9 mb-1 fw-600">Payment Method</p> <p class="fs-9 mb-1 fw-600">Payment Method</p>
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-6"> <div class="col-6">
<p class="fs-7 fw-500 mb-0">Coupons</p> <p class="fs-7 fw-500 mb-0">Coupons</p>
</div> </div>
<div class="col-6 text-end"> <div class="col-6 text-end">
<p class="fs-7 mb-0">₹100</p> <p class="fs-7 mb-0">₹100</p>
@@ -129,7 +142,9 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
<div class="Order_delivered_address"> <div class="Order_delivered_address">
<div class="card rounded-0"> <div class="card rounded-0">
@@ -139,7 +154,8 @@
</div> </div>
<div class="address_body"> <div class="address_body">
<p class="mb-0 fs-9 fw-500 user_name">Ashok Kumar</p> <p class="mb-0 fs-9 fw-500 user_name">Ashok Kumar</p>
<p class="mb-0 fs-7 fw-500 user_name">3-128,Srinivasa Nagar,Deepthi sri colony,Miyapur,</p> <p class="mb-0 fs-7 fw-500 user_name">3-128,Srinivasa Nagar,Deepthi sri
colony,Miyapur,</p>
<p class="mb-0 fs-7 fw-500 user_name">HYDERABAD - TELENGANA</p> <p class="mb-0 fs-7 fw-500 user_name">HYDERABAD - TELENGANA</p>
<p class="mb-0 fs-7 fw-500 user_name">India - 500101</p> <p class="mb-0 fs-7 fw-500 user_name">India - 500101</p>
<p class="mb-0 fs-7">Phone : <span class="fw-600">9876543234</span></p> <p class="mb-0 fs-7">Phone : <span class="fw-600">9876543234</span></p>
@@ -149,8 +165,8 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
</main> </main>
<!-- footer --> <!-- footer -->
<div id="footer-head" class=""></div> <div id="footer-head" class=""></div>
@@ -159,9 +175,9 @@
<script src="./dist/js/jquery.min.js"></script> <script src="./dist/js/jquery.min.js"></script>
<script src="./libs/owlcarousel/js/owl.carousel.min.js"></script> <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
<script src="./dist/js/navbar.js"></script> <script src="./dist/js/navbar.js"></script>
<script src="./libs/axios.min.js"></script> <script src="./libs/axios.min.js"></script>
<script src="./dist/js/footer.js"></script> <script src="./dist/js/footer.js"></script>
<script src="./libs/cookies.min.js"></script> <script src="./libs/cookies.min.js"></script>
<script src="./dist/js/fontawesome.all.js"></script> <script src="./dist/js/fontawesome.all.js"></script>
<script src="./dist/js/fontawesome.min.js"></script> <script src="./dist/js/fontawesome.min.js"></script>
<script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script> <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>