2023-04-17 11:11:03 +05:30
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" />
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" />
< meta http-equiv = "X-UA-Compatible" content = "ie=edge" />
< link rel = "shortcut icon" type = "image/x-icon" href = "./dist/assets/imgs/favicon.gif" >
< link rel = "stylesheet" href = "./libs/bootstrap/css/bootstrap.min.css" />
2023-05-25 12:32:11 +05:30
2023-04-17 11:11:03 +05:30
< link rel = "stylesheet" href = "./dist/css/main.css" />
< link rel = "stylesheet" href = "./style.css" >
< link rel = "stylesheet" href = "./libs/owlcarousel/Css/owl.carousel.min.css" >
< link rel = "stylesheet" href = "./libs/owlcarousel/Css/owl.theme.default.min.css" >
< link rel = "stylesheet" href = "./dist/css/vendor/bootstrap.min.css" >
< link rel = "stylesheet" href = "./dist/css/vendor/bootstrap.min.css" >
< link rel = "stylesheet" href = "./dist/css/vendor/vandella.css" >
2023-05-25 12:32:11 +05:30
< link rel = "stylesheet" href = "./libs/select2/select2.min.css" rel = "stylesheet" />
2023-04-17 11:11:03 +05:30
< link rel = "stylesheet" href = "./dist/css/vendor/jellybelly.css" >
< link rel = "stylesheet" href = "./dist/css/vendor/fontello.css" >
< link rel = "stylesheet" href = "./dist/css/plugins/easyzoom.css" >
< link rel = "stylesheet" href = "./dist/css/plugins/slick.css" >
< link rel = "stylesheet" href = "./dist/css/plugins/nice-select.css" >
< link rel = "stylesheet" href = "./dist/css/plugins/animate.css" >
< link rel = "stylesheet" href = "./dist/css/plugins/magnific-popup.css" >
< link rel = "stylesheet" href = "./dist/css/plugins/jquery-ui.css" >
< link rel = "stylesheet" href = "./dist/css/style.css" >
< link rel = "stylesheet" href = "./dist/css/fontawesome.all.min.css" >
< link rel = "stylesheet" href = "./dist/css/fontawesome.min.css" >
2023-05-25 12:32:11 +05:30
< link rel = "stylesheet" href = "./dist/toaster/toastr.css" />
2023-04-17 11:11:03 +05:30
< title > Orders | Anwi</ title >
</ head >
< body class = "order_details_page" >
<!-- navbar -->
< div id = "navbar-head" ></ div >
<!-- end-navbar -->
<!-- main-body -->
2023-04-24 14:31:15 +05:30
< main class = "main-body home-main-container" >
< section class = "services h-100 pt-3 bg-gradient-anwi" >
< div class = "container pt-5 " >
< div class = "text-center text-white " >
</ div >
</ div >
</ section >
< section class = "bg-gray-7 pt-md-5 pt-5 bg-gradient-violet" >
2023-04-24 11:10:08 +05:30
< div class = "container pb-5" >
< div class = "row pb-4" >
< div class = "col-6" >
< a href = "#" class = "fw-600 text-a-color back_to_orders" > Back to Orders</ a >
</ div >
< div class = "col-6 text-end" >
< a href = "#" class = "fw-600 text-a-color" > Need Help ?</ a >
2023-04-17 11:11:03 +05:30
</ div >
</ div >
2023-05-25 12:32:11 +05:30
< div class = "row bg-white p-3" >
2023-04-24 11:10:08 +05:30
< div class = "col-md-8 deliverd-card" >
</ div >
< div class = "col-md-4" >
< div class = "Order_details_section mb-2" >
2023-04-24 14:31:15 +05:30
< div class = "card rounded-0 border-0 order-summary bg-gradient-anwi text-white" >
2023-04-24 11:10:08 +05:30
</ div >
< div class = "card rounded-0 border-top-0" >
2023-05-25 12:32:11 +05:30
< div class = "card-body " >
2023-04-17 11:11:03 +05:30
< div class = "payement details" >
< p class = "fs-6 fw-600 mb-0 pb-1 border-bottom" > Order Payment Details</ p >
2023-04-24 11:10:08 +05:30
< div class = "py-1" >
2023-04-17 11:11:03 +05:30
< div class = "row align-items-center" >
< div class = "col-6" >
2023-04-24 11:10:08 +05:30
< p class = "fs-9 mb-0" > Order Amount</ p >
2023-04-17 11:11:03 +05:30
</ div >
< div class = "col-6 text-end" >
2023-04-24 11:10:08 +05:30
< svg xmlns = "http://www.w3.org/2000/svg" width = "8" height = "8"
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 fs-7" > 32,000</ span >
2023-04-17 11:11:03 +05:30
</ div >
</ div >
< div class = "row align-items-center" >
< div class = "col-6" >
2023-04-20 10:20:36 +05:30
< p class = "fs-9 mb-0" > Tax</ p >
2023-04-17 11:11:03 +05:30
</ div >
< div class = "col-6 text-end" >
2023-04-24 11:10:08 +05:30
<!-- <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"
2023-04-24 14:31:15 +05:30
fill = "currentColor" class = "bi bi-currency-rupee text-blue"
2023-04-24 11:10:08 +05:30
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 >
2023-04-24 14:31:15 +05:30
< span class = "fs-7 mb-0 text-blue order_tax" ></ span >
2023-04-17 11:11:03 +05:30
</ div >
</ div >
< div class = "row align-items-center" >
< div class = "col-6" >
2023-04-24 11:10:08 +05:30
< p class = "fs-9 mb-0" > Shipping Fee</ p >
2023-04-17 11:11:03 +05:30
</ div >
< div class = "col-6 text-end" >
2023-04-24 14:31:15 +05:30
< p class = "fs-7 mb-0 text-blue" > Free</ p >
2023-04-17 11:11:03 +05:30
</ div >
</ div >
< div class = "row align-items-center" >
< div class = "col-6" >
2023-04-20 10:20:36 +05:30
< p class = "fs-9 mb-1 fw-500" > Order Total</ p >
2023-04-17 11:11:03 +05:30
</ div >
< div class = "col-6 text-end" >
2023-04-24 11:10:08 +05:30
< svg xmlns = "http://www.w3.org/2000/svg" width = "8" height = "8"
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 >
2023-04-20 10:20:36 +05:30
</ svg >
< span class = "fs-7 mb-1 fw-500 Order_total" ></ span >
2023-04-17 11:11:03 +05:30
</ div >
</ div >
</ div >
2023-04-24 11:10:08 +05:30
< div class = "py-1 d-none" >
2023-04-17 11:11:03 +05:30
< p class = "fs-9 mb-1 fw-600" > Payment Method</ p >
< div class = "row align-items-center" >
< div class = "col-6" >
2023-04-24 11:10:08 +05:30
< p class = "fs-7 fw-500 mb-0" > Coupons</ p >
2023-04-17 11:11:03 +05:30
</ div >
< div class = "col-6 text-end" >
< p class = "fs-7 mb-0" > ₹100</ p >
</ div >
</ div >
< div class = "row align-items-center" >
< div class = "col-6" >
< p class = "fs-7 fw-500 mb-0" > Pre Paid</ p >
</ div >
< div class = "col-6 text-end" >
< p class = "fs-7 mb-0" > ₹ 31,900.00</ p >
</ div >
</ div >
< div class = "row align-items-center" >
< div class = "col-6" >
</ div >
< div class = "col-6 text-end" >
< a href = "#" class = "fs-7 text-a-color" > Return Information</ a >
</ div >
</ div >
</ div >
</ div >
</ div >
2023-04-24 11:10:08 +05:30
</ div >
2023-04-17 11:11:03 +05:30
</ div >
2023-04-24 11:10:08 +05:30
2023-04-17 11:11:03 +05:30
</ div >
< div class = "Order_delivered_address" >
< div class = "card rounded-0" >
< div class = "card-body" >
< div class = "address_head" >
< p class = "fs-9 mb-2 fw-500" > Deliver To</ p >
</ div >
< div class = "address_body" >
< p class = "mb-0 fs-9 fw-500 user_name" > Ashok Kumar</ p >
2023-04-24 11:10:08 +05:30
< p class = "mb-0 fs-7 fw-500 user_name" > 3-128,Srinivasa Nagar,Deepthi sri
colony,Miyapur,</ p >
2023-04-17 11:11:03 +05:30
< 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" > Phone : < span class = "fw-600" > 9876543234</ span ></ p >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
2023-05-25 12:32:11 +05:30
< div class = "modal fade" id = "exampleModalsupport" role = "dialog" aria-labelledby = "exampleModalLabelsupport" aria-hidden = "true" >
< div class = "modal-dialog orderdetails p-5 d-flex align-items-center justify-content-center" >
< div class = "modal-content" >
< div class = "modal-header" >
< h5 class = "modal-title" id = "exampleModalLabelsupport" > Open a Support Ticket
</ h5 >
< button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Close" ></ button >
</ div >
< div class = "modal-body " >
< div class = "pb-4" > We love our customers, and we're here to help if you need us. Please keep in mind that not all topics are within the scope of out support.</ div >
< div class = "row py-4" >
< div class = "col-sm-4 text-center" >
< img class = "img-fluid order_img w-75 " src = https://appassets.bizgaze.app/${order.imageurl} >
</ div >
< div class = "col-sm-8" >
< div class = "" >
< span class = "modalitemname" > RAM ORA - Laptop - DDR4 SDRAM - 16 GB</ span > (< span class = "modalitemqty" > 1</ span > items)
</ div >
< div class = "modalprice" >
3708.74
</ div >
</ div >
</ div >
< div class = "row" >
< div class = "col-sm-6" >
< select class = "form-select" id = "supportgroups" aria-label = "Default select example" >
< option selected > Open this select menu</ option >
< option value = "1" > One</ option >
< option value = "2" > Two</ option >
< option value = "3" > Three</ option >
</ select >
< div class = "invalid-feedback" > Please select support group</ div >
</ div >
< div class = "col-sm-6" >
< select class = "form-select" id = "supportlevel" aria-label = "Default select example" >
< option selected > Open this select menu</ option >
< option value = "1" > One</ option >
< option value = "2" > Two</ option >
< option value = "3" > Three</ option >
</ select >
< div class = "invalid-feedback" > Please select your priorty level</ div >
</ div >
</ div >
< div class = "py-4" >
< div > Description</ div >
< textarea class = "form-control desmodalsupportarea" name = "modalsupportarea" ></ textarea >
< div class = "invalid-feedback" > Please enter the description</ div >
</ div >
< div class = 'text-primary cursor-pointer mb-md-4' >
< label htmlFor = 'supportattachfile' class = 'd-flex d-gap-10' >
< span class = "pe-1" >< i class = "fa-solid fa-file" ></ i ></ span >
< span > Attach a file</ span >
< input multiple = "true" id = "supportattachfile" type = "file" class = 'd-none' />
</ label >
< div class = 'd-flex flex-wrap text-dark pt-2 inputlistsupportcontainer' >
</ div >
</ div >
</ div >
< div class = "modal-footer" >
< button type = "button" class = "closesupportticket checkoutbtn btn bg-danger btn btn-sm mt-3 text-white px-2" data-bs-dismiss = "modal" > Close</ button >
< button type = "button" class = "submitsupportticket checkoutbtn btn bg-gradient-anwi btn btn-sm mt-3 text-white px-4 " >
< div class = "spinner-border supportticketsubmit d-none" role = "status" > < span class = "visually-hidden" > Loading...</ span > </ div >
< span class = "supportticketsubmitbtn" > Submit</ span >
</ button >
</ div >
</ div >
</ div >
</ div >
<!-- warrenty -->
< div class = "modal fade" id = "exampleModalwarrenty" role = "dialog" aria-labelledby = "exampleModalLabelwarrenty" aria-hidden = "true" >
< div class = "modal-dialog orderdetails p-5 d-flex align-items-center justify-content-center" >
< div class = "modal-content" >
< div class = "modal-header" >
< h5 class = "modal-title" id = "exampleModalLabelwarrenty" > Claim warranty
</ h5 >
< button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Close" ></ button >
</ div >
< div class = "modal-body " >
< div class = "pb-4" > We love our customers, and we're here to help if you need us. Please keep in mind that not all topics are within the scope of out support.</ div >
< div class = "row py-2" >
< div class = "pb-2" >
< h5 id = "warrenymodalname" ></ h5 >
</ div >
< div >
< div class = "pb-3 form-floating py-0" >
< input required type = "email" class = "form-control shadow-none h-50p" id = "warrentymodalcode" placeholder = "Enter Your Email" autocomplete = "off" >
< label for = "warrentymodalcode" > Enter Your Serial Number </ label >
< div class = "invalid-feedback" > Please enter email. </ div >
</ div >
</ div >
</ div >
</ div >
< div class = "modal-footer" >
< button type = "button" class = "checkoutbtn btn bg-danger btn btn-sm mt-3 text-white px-2" data-bs-dismiss = "modal" > Close</ button >
< button type = "button" class = "checkoutbtn btn bg-gradient-anwi btn btn-sm mt-3 text-white px-4 " data-bs-dismiss = "modal" > Submit</ button >
</ div >
</ div >
</ div >
</ div >
2023-05-01 14:23:56 +05:30
2023-04-24 11:10:08 +05:30
</ section >
2023-04-17 11:11:03 +05:30
</ main >
<!-- footer -->
< div id = "footer-head" class = "" ></ div >
<!-- end-footer -->
2023-05-25 12:32:11 +05:30
2023-04-17 11:11:03 +05:30
< script src = "./libs/bootstrap/js/bootstrap.bundle.min.js" ></ script >
< script src = "./dist/js/jquery.min.js" ></ script >
2023-05-25 12:32:11 +05:30
< script src = "./dist/toaster/toastr.js" ></ script >
2023-04-17 11:11:03 +05:30
< script src = "./libs/owlcarousel/js/owl.carousel.min.js" ></ script >
2023-04-27 11:20:16 +05:30
< script src = "./dist/js/components/authloader/authloader.js" ></ script >
< script src = "./dist/js/auth/apiservice.js" ></ script >
< script src = "./libs/cookies.min.js" ></ script >
2023-04-24 11:10:08 +05:30
< script src = "./libs/axios.min.js" ></ script >
2023-04-17 11:11:03 +05:30
< script src = "./dist/js/footer.js" ></ script >
2023-04-24 11:10:08 +05:30
< script src = "./libs/cookies.min.js" ></ script >
2023-04-17 11:11:03 +05:30
< script src = "./dist/js/fontawesome.all.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/jquery-v3.6.0.min.js" ></ script >
< script src = "./dist/js/vendor/jquery-migrate-v3.3.2.min.js" ></ script >
< script src = "./dist/js/vendor/bootstrap.min.js" ></ script >
< script src = "./dist/js/plugins/slick.js" ></ script >
< script src = "./dist/js/plugins/wow.js" ></ script >
< script src = "./dist/js/plugins/svg-injector.min.js" ></ script >
< script src = "./dist/js/plugins/jquery.nice-select.min.js" ></ script >
< script src = "./dist/js/plugins/mouse-parallax.js" ></ script >
< script src = "./dist/js/plugins/images-loaded.js" ></ script >
< script src = "./dist/js/plugins/isotope.js" ></ script >
2023-05-25 12:32:11 +05:30
< script src = "./libs/select2/select2.js" ></ script >
2023-04-17 11:11:03 +05:30
< script src = "./dist/js/plugins/jquery-ui.js" ></ script >
< script src = "./dist/js/plugins/magnific-popup.js" ></ script >
2023-04-27 11:20:16 +05:30
< script src = "./dist/js/navbar.js" ></ script >
2023-04-20 10:20:36 +05:30
< script src = "./dist/js/orderDetails/order_summary.js" ></ script >
2023-04-17 11:11:03 +05:30
<!-- Main JS -->
< script src = "./dist/js/main.js" ></ script >
< script >
$ ( ".aw-main-features-toggle" ). click ( function () {
$ ( '.feature-bg-image' ). addClass ( 'd-none' );
$ ( ".aw-main-features-toggle" ). addClass ( 'p-4 bg-light' )
$ ( '.aw-main-features-toggler-tab' ). removeClass ( 'd-none' );
// $('.aw-main-features-toggler-tab.p-4').removeClass('p-4');
let toggleTab = $ ( this ). find ( '.feature-bg-image:visible' ). length
if ( toggleTab ) {
// $(this).find('.feature-bg-image').addClass('d-none');
$ ( this ). find ( '.feature-bg-image' ). animate ({
width : "toggle"
}, 500 );
} else {
// $(this).find('.aw-main-features-toggler-tab').addClass('d-none');
$ ( '.aw-main-features-toggle.d-flex' ). removeClass ( 'p-4' )
$ ( this ). addClass ( 'd-flex' );
$ ( this ). find ( '.aw-main-features-toggler-tab' ). addClass ( 'p-4' );
debugger ;
$ ( this ). find ( '.feature-bg-image' ). removeClass ( 'd-none' ). addClass ( 'animated-feature-img' );
if ( window . width > 768 ) {
$ ( this ). find ( '.feature-bg-image' ). animate ({
width : "50rem"
}, 500 );
} else {
$ ( this ). find ( '.feature-bg-image' ). animate ({
width : "auto"
}, 500 );
}
$ ( this ). removeClass ( 'p-4 bg-light' )
}
});
let width = $ ( window ). width ();
if ( width <= 1198 ) {
$ ( ".text_fyro" ). addClass ( "d-none" );
$ ( ".Fyro_main_card" ). removeClass ( "col-lg-11" ). addClass ( "col-12" )
}
</ script >
</ body >
</ html >
