sachin.ganesh
/
anwi_website
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 Commits
1 Branch
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
anwi_website/orderdetails.html

orderdetails.html 21KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.     <meta charset="UTF-8" />

  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge" />

  8.     <link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">

  9.     <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />

  10. 

  11.     <link rel="stylesheet" href="./dist/css/main.css" />

  12.     <link rel="stylesheet" href="./style.css">

  13.     <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">

  14.     <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">

  15.     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  16.     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  17.     <link rel="stylesheet" href="./dist/css/vendor/vandella.css">

  18.     <link rel="stylesheet" href="./libs/select2/select2.min.css" rel="stylesheet" />

  19.     <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">

  20.     <link rel="stylesheet" href="./dist/css/vendor/fontello.css">

  21.     <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">

  22.     <link rel="stylesheet" href="./dist/css/plugins/slick.css">

  23.     <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">

  24.     <link rel="stylesheet" href="./dist/css/plugins/animate.css">

  25.     <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">

  26.     <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">

  27.     <link rel="stylesheet" href="./dist/css/style.css">

  28.     <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">

  29.     <link rel="stylesheet" href="./dist/css/fontawesome.min.css">

  30.     <link rel="stylesheet" href="./dist/toaster/toastr.css" />

  31.     <title>Orders | Anwi</title>

  32. </head>

  33. 

  34. <body class="order_details_page">

  35.     <!-- navbar -->

  36.     <div id="navbar-head"></div>

  37.     <!-- end-navbar -->

  38.     <!-- main-body -->

  39.     <main class="main-body home-main-container">

  40.         <section class="services h-100 pt-3  bg-gradient-anwi">

  41.             <div class="container pt-5 ">

  42.                 <div class="text-center text-white ">

  43.                 </div>

  44.             </div>

  45.         </section>

  46.         <section class="bg-gray-7 pt-md-5 pt-5 bg-gradient-violet">

  47.             <div class="container pb-5">

  48.                 <div class="row pb-4">

  49.                     <div class="col-6">

  50.                         <a href="#" class="fw-600 text-a-color back_to_orders"> Back to Orders</a>

  51.                     </div>

  52.                     <div class="col-6 text-end">

  53.                         <a href="#" class="fw-600 text-a-color">Need Help ?</a>

  54.                     </div>

  55.                 </div>

  56.                 <div class="row bg-white p-3">

  57.                     <div class="col-md-8 deliverd-card">

  58. 

  59.                     </div>

  60.                     <div class="col-md-4">

  61.                         <div class="Order_details_section mb-2">

  62.                             <div class="card rounded-0 border-0 order-summary bg-gradient-anwi text-white"  >

  63. 

  64.                             </div>

  65.                             <div class="card rounded-0 border-top-0">

  66.                                 <div class="card-body " >

  67.                                     <div class="payement details">

  68.                                         <p class="fs-6 fw-600 mb-0 pb-1 border-bottom">Order Payment Details</p>

  69.                                         <div class="py-1">

  70.                                             <div class="row align-items-center">

  71.                                                 <div class="col-6">

  72.                                                     <p class="fs-9 mb-0">Order Amount</p>

  73.                                                 </div>

  74.                                                 <div class="col-6 text-end">

  75.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"

  76.                                                         fill="currentColor" class="bi bi-currency-rupee"

  77.                                                         viewBox="0 0 16 16">

  78.                                                         <path

  79.                                                             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">

  80.                                                         </path>

  81.                                                     </svg><span class="order_price fs-7">32,000</span>

  82.                                                 </div>

  83.                                             </div>

  84.                                             <div class="row align-items-center">

  85.                                                 <div class="col-6">

  86.                                                     <p class="fs-9 mb-0">Tax</p>

  87.                                                 </div>

  88.                                                 <div class="col-6 text-end">

  89.                                                     <!-- <p class="fs-7 mb-0 text-order-brown order_tax">-₹1000.00</p> -->

  90.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"

  91.                                                         fill="currentColor" class="bi bi-currency-rupee text-blue"

  92.                                                         viewBox="0 0 16 16">

  93.                                                         <path

  94.                                                             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">

  95.                                                         </path>

  96.                                                     </svg>

  97.                                                     <span class="fs-7 mb-0 text-blue order_tax"></span>

  98.                                                 </div>

  99.                                             </div>

  100.                                             <div class="row align-items-center">

  101.                                                 <div class="col-6">

  102.                                                     <p class="fs-9 mb-0">Shipping Fee</p>

  103.                                                 </div>

  104.                                                 <div class="col-6 text-end">

  105.                                                     <p class="fs-7 mb-0 text-blue">Free</p>

  106.                                                 </div>

  107.                                             </div>

  108.                                             <div class="row align-items-center">

  109.                                                 <div class="col-6">

  110.                                                     <p class="fs-9 mb-1 fw-500">Order Total</p>

  111.                                                 </div>

  112.                                                 <div class="col-6 text-end">

  113.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"

  114.                                                         fill="currentColor" class="bi bi-currency-rupee"

  115.                                                         viewBox="0 0 16 16">

  116.                                                         <path

  117.                                                             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">

  118.                                                         </path>

  119.                                                     </svg>

  120.                                                     <span class="fs-7 mb-1 fw-500 Order_total"></span>

  121.                                                 </div>

  122.                                             </div>

  123.     

  124.                                         </div>

  125.                                         <div class="py-1 d-none">

  126.                                             <p class="fs-9 mb-1 fw-600">Payment Method</p>

  127.                                             <div class="row align-items-center">

  128.                                                 <div class="col-6">

  129.                                                     <p class="fs-7 fw-500 mb-0">Coupons</p>

  130.                                                 </div>

  131.                                                 <div class="col-6 text-end">

  132.                                                     <p class="fs-7 mb-0">₹100</p>

  133.                                                 </div>

  134.                                             </div>

  135.                                             <div class="row align-items-center">

  136.                                                 <div class="col-6">

  137.                                                     <p class="fs-7 fw-500 mb-0">Pre Paid</p>

  138.                                                 </div>

  139.                                                 <div class="col-6 text-end">

  140.                                                     <p class="fs-7 mb-0">₹ 31,900.00</p>

  141.                                                 </div>

  142.                                             </div>

  143.                                             <div class="row align-items-center">

  144.                                                 <div class="col-6">

  145.                                                 </div>

  146.                                                 <div class="col-6 text-end">

  147.                                                     <a href="#" class="fs-7 text-a-color">Return Information</a>

  148.                                                 </div>

  149.                                             </div>

  150.                                         </div>

  151.                                     </div>

  152.                                 </div>

  153.                             </div>

  154.                         </div>

  155.                        

  156.                     </div>

  157.                     <div class="Order_delivered_address">

  158.                         <div class="card  rounded-0">

  159.                             <div class="card-body">

  160.                                 <div class="address_head">

  161.                                     <p class="fs-9 mb-2 fw-500">Deliver To</p>

  162.                                 </div>

  163.                                 <div class="address_body">

  164.                                     <p class="mb-0 fs-9 fw-500 user_name">Ashok Kumar</p>

  165.                                     <p class="mb-0 fs-7 fw-500 user_name">3-128,Srinivasa Nagar,Deepthi sri

  166.                                         colony,Miyapur,</p>

  167.                                     <p class="mb-0 fs-7 fw-500 user_name">HYDERABAD - TELENGANA</p>

  168.                                     <p class="mb-0 fs-7 fw-500 user_name">India - 500101</p>

  169.                                     <p class="mb-0 fs-7">Phone : <span class="fw-600">9876543234</span></p>

  170.                                 </div>

  171.                             </div>

  172.                         </div>

  173.                     </div>

  174.                 </div>

  175.             </div>

  176. 

  177.             <div class="modal fade" id="exampleModalsupport"  role="dialog"  aria-labelledby="exampleModalLabelsupport" aria-hidden="true">

  178.                 <div class="modal-dialog orderdetails p-5 d-flex align-items-center justify-content-center">

  179.                   <div class="modal-content">

  180.                     <div class="modal-header">

  181.                       <h5 class="modal-title" id="exampleModalLabelsupport">Open a Support Ticket

  182.                     </h5>

  183.                    

  184.                       <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

  185.                     </div>

  186.                     <div class="modal-body ">

  187.                         <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>

  188.                       <div class="row py-4">

  189.                         <div class="col-sm-4 text-center">

  190.                             <img class="img-fluid order_img w-75 " src=https://appassets.bizgaze.app/${order.imageurl}>

  191.                         </div>

  192.                         <div class="col-sm-8">

  193.                             <div class="">

  194.                                 <span class="modalitemname">RAM ORA - Laptop - DDR4 SDRAM - 16 GB</span> (<span class="modalitemqty">1</span> items)

  195.                             </div>

  196.                             <div class="modalprice">

  197.                                 3708.74

  198.                             </div>

  199.                         </div>

  200.                       </div>

  201.                       <div class="row">

  202.                         <div class="col-sm-6">

  203.                           

  204.                             <select class="form-select" id="supportgroups" aria-label="Default select example">

  205.                                 <option selected>Open this select menu</option>

  206.                                 <option value="1">One</option>

  207.                                 <option value="2">Two</option>

  208.                                 <option value="3">Three</option>

  209.                               </select>

  210.                               <div class="invalid-feedback"> Please select support group</div>

  211.                         </div>

  212.                        

  213.                         <div class="col-sm-6">

  214.                         

  215. 

  216.                             <select class="form-select" id="supportlevel" aria-label="Default select example">

  217.                                 <option selected>Open this select menu</option>

  218.                                 <option value="1">One</option>

  219.                                 <option value="2">Two</option>

  220.                                 <option value="3">Three</option>

  221.                               </select>

  222.                               <div class="invalid-feedback"> Please select your priorty level</div>

  223.                         </div>

  224.                       </div>

  225.                       <div class="py-4">

  226.                         <div>Description</div>

  227.                         <textarea class="form-control desmodalsupportarea" name="modalsupportarea"></textarea>

  228.                         <div class="invalid-feedback"> Please enter the description</div>

  229.                       </div>

  230.                       <div class='text-primary cursor-pointer mb-md-4'>

  231.                         <label htmlFor='supportattachfile' class='d-flex d-gap-10' >

  232.                             <span class="pe-1"><i class="fa-solid fa-file"></i></span>

  233.                             <span>Attach a file</span>

  234.                             <input multiple="true" id="supportattachfile" type="file" class='d-none' />

  235.                         </label>

  236.                         <div class='d-flex flex-wrap text-dark pt-2 inputlistsupportcontainer'>

  237.                             

  238.                         </div>

  239.                     </div>

  240.                     </div>

  241.                     <div class="modal-footer">

  242.                       <button type="button" class="closesupportticket checkoutbtn btn bg-danger btn btn-sm mt-3 text-white px-2" data-bs-dismiss="modal">Close</button>

  243.                       <button type="button" class="submitsupportticket checkoutbtn btn bg-gradient-anwi btn btn-sm mt-3 text-white px-4 ">

  244.                         <div class="spinner-border supportticketsubmit d-none" role="status"> <span class="visually-hidden">Loading...</span> </div> 

  245.                         <span class="supportticketsubmitbtn">Submit</span>

  246. 

  247.                       </button>

  248.                     </div>

  249.                   </div>

  250.                 </div>

  251.               </div>

  252. 

  253. 

  254.               <!-- warrenty -->

  255.               <div class="modal fade" id="exampleModalwarrenty"  role="dialog"  aria-labelledby="exampleModalLabelwarrenty" aria-hidden="true">

  256.                 <div class="modal-dialog orderdetails p-5 d-flex align-items-center justify-content-center">

  257.                   <div class="modal-content">

  258.                     <div class="modal-header">

  259.                       <h5 class="modal-title" id="exampleModalLabelwarrenty">Claim warranty

  260.                     </h5>

  261.                    

  262.                       <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

  263.                     </div>

  264.                     <div class="modal-body ">

  265.                         <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>

  266.                       <div class="row py-2">

  267.                        <div class="pb-2">

  268.                     

  269.                         <h5 id="warrenymodalname"></h5>

  270.                        </div>

  271.                        <div>

  272.                         <div class="pb-3 form-floating py-0">

  273.                             <input required type="email" class="form-control shadow-none h-50p" id="warrentymodalcode" placeholder="Enter Your Email" autocomplete="off">

  274.                             <label for="warrentymodalcode">Enter Your Serial Number </label>

  275.                             <div class="invalid-feedback"> Please enter email. </div>

  276.                           </div>

  277.                        

  278.                        </div>

  279.                       </div>

  280.                     

  281.                     </div>

  282.                     <div class="modal-footer">

  283.                       <button type="button" class="checkoutbtn btn bg-danger btn btn-sm mt-3 text-white px-2" data-bs-dismiss="modal">Close</button>

  284.                       <button type="button" class="checkoutbtn btn bg-gradient-anwi btn btn-sm mt-3 text-white px-4 " data-bs-dismiss="modal">Submit</button>

  285.                     </div>

  286.                   </div>

  287.                 </div>

  288.               </div>

  289.             

  290.         </section>

  291.     </main>

  292.     <!-- footer -->

  293.     <div id="footer-head" class=""></div>

  294.     <!-- end-footer -->

  295. 

  296.     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>

  297.     <script src="./dist/js/jquery.min.js"></script>

  298.     <script src="./dist/toaster/toastr.js"></script>

  299.     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>

  300.     <script src="./dist/js/components/authloader/authloader.js"></script>

  301.     <script src="./dist/js/auth/apiservice.js"></script>

  302.     <script src="./libs/cookies.min.js"></script>

  303.     <script src="./libs/axios.min.js"></script>

  304.     <script src="./dist/js/footer.js"></script>

  305.     <script src="./libs/cookies.min.js"></script>

  306.     <script src="./dist/js/fontawesome.all.js"></script>

  307.     <script src="./dist/js/fontawesome.min.js"></script>

  308.     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>

  309.     <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>

  310.     <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>

  311.     <script src="./dist/js/vendor/bootstrap.min.js"></script>

  312.     <script src="./dist/js/plugins/slick.js"></script>

  313.     <script src="./dist/js/plugins/wow.js"></script>

  314.     <script src="./dist/js/plugins/svg-injector.min.js"></script>

  315.     <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>

  316.     <script src="./dist/js/plugins/mouse-parallax.js"></script>

  317.     <script src="./dist/js/plugins/images-loaded.js"></script>

  318.     <script src="./dist/js/plugins/isotope.js"></script>

  319.     <script src="./libs/select2/select2.js"></script>

  320.     <script src="./dist/js/plugins/jquery-ui.js"></script>

  321.     <script src="./dist/js/plugins/magnific-popup.js"></script>

  322.     <script src="./dist/js/navbar.js"></script>

  323.     <script src="./dist/js/orderDetails/order_summary.js"></script>

  324.     <!-- Main JS -->

  325.     <script src="./dist/js/main.js"></script>

  326. 

  327. 

  328.     <script>

  329. 

  330.         $(".aw-main-features-toggle").click(function () {

  331.             $('.feature-bg-image').addClass('d-none');

  332.             $(".aw-main-features-toggle").addClass('p-4 bg-light')

  333.             $('.aw-main-features-toggler-tab').removeClass('d-none');

  334.             //   $('.aw-main-features-toggler-tab.p-4').removeClass('p-4');

  335.             let toggleTab = $(this).find('.feature-bg-image:visible').length

  336.             if (toggleTab) {

  337.                 //  $(this).find('.feature-bg-image').addClass('d-none');

  338.                 $(this).find('.feature-bg-image').animate({

  339.                     width: "toggle"

  340.                 }, 500);

  341.             } else {

  342.                 // $(this).find('.aw-main-features-toggler-tab').addClass('d-none');

  343. 

  344.                 $('.aw-main-features-toggle.d-flex').removeClass('p-4')

  345. 

  346.                 $(this).addClass('d-flex');

  347. 

  348.                 $(this).find('.aw-main-features-toggler-tab').addClass('p-4');

  349. 

  350.                 debugger;

  351.                 $(this).find('.feature-bg-image').removeClass('d-none').addClass('animated-feature-img');

  352. 

  353.                 if (window.width > 768) {

  354.                     $(this).find('.feature-bg-image').animate({

  355.                         width: "50rem"

  356.                     }, 500);

  357.                 } else {

  358.                     $(this).find('.feature-bg-image').animate({

  359.                         width: "auto"

  360.                     }, 500);

  361. 

  362.                 }

  363.                 $(this).removeClass('p-4 bg-light')

  364.             }

  365.         });

  366.         let width = $(window).width();

  367.         if (width <= 1198) {

  368.             $(".text_fyro").addClass("d-none");

  369.             $(".Fyro_main_card").removeClass("col-lg-11").addClass("col-12")

  370.         }

  371.     </script>

  372. </body>

  373. 

  374. </html>