.

dist/Js/components/authloader/authloader.js

@@ -0,0 +1,130 @@
+const template = document.createElement('template');
+
+template.innerHTML = `
+<style>
+.authloaderanwi {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.wrap{
+    position:absolute;
+    left:50%;
+    width:5em;
+    height:5em;
+    top:20%;
+    transform: translate(-50%,-50%);
+  }
+  
+  .loader{
+      transition: all 0.7s ease-in-out;
+  
+    border:10px solid #ebebeb;
+    border-bottom-color:#26B8BF;
+    width: 100px;
+    height: 100px;
+    border-radius:50%;
+    -webkit-font-smoothing: antialiased !important;
+    margin:30px 0px;
+  }
+  
+  #lrd1{
+      -webkit-animation: spin1 0.5s linear infinite;
+  
+  }
+  #lrd2{
+      -webkit-animation: spin2 3s ease-in-out infinite;
+  
+  }
+  #lrd3{
+      -webkit-animation: spin3 15s ease-in-out infinite;
+  
+  }
+  
+  @keyframes spin1{
+    0% {
+      transform: rotate(0deg);    
+    }
+  
+  
+    100% {
+      transform: rotate(360deg); 
+    }
+  
+  }
+  @keyframes spin2{
+    0% {
+      transform: rotate(0deg);    
+    }
+    50% {
+      transform: rotate(1020deg);    
+    }
+    
+    
+    100% {
+      transform: rotate(720deg); 
+    }
+  }
+  
+  @keyframes spin3{
+    0% {
+      transform: rotate(0deg);    
+    }
+    40% {
+      transform: rotate(1070deg);    
+    }
+    
+    
+    100% {
+      transform: rotate(6119deg);
+      border-bottom-color:#072426 !important;
+    }
+  }
+  
+.authloaderanwi {
+    height: 100vh;
+}
+
+
+.overlayanwiAuth{
+    width:100vw;
+    height:100vh;
+    background:white;
+    position:fixed;
+    top:0;
+    right:0;
+    z-index:99999;
+    display:none;
+}
+
+</style>
+  <div class="overlayanwiAuth ">
+  
+
+<div class="authloaderanwi">
+<div class='loader' id='lrd1'></div>
+</div>
+
+  </div>
+`
+
+class AuthLoader extends HTMLElement {
+    constructor() {
+      super();
+      this._shadowRoot = this.attachShadow({ 'mode': 'open' });
+      this._shadowRoot.appendChild(template.content.cloneNode(true));
+    }
+    
+
+    show(){
+        // $('.overlayanwiAuth').css('display','block');
+        this._shadowRoot.querySelector('.overlayanwiAuth').style.display = "block";
+    }
+
+    hide(){
+        // $('.overlayanwiAuth').addClass('display','none');
+        this._shadowRoot.querySelector('.overlayanwiAuth').style.display = "none";
+    }
+}
+
+window.customElements.define('auth-loader', AuthLoader);

dist/Js/myaccount/Myaccount.js

@@ -0,0 +1,7 @@
+function initmyaccount(){
+    $('.my_account_page').removeClass('d-none')
+    bindOrderDetails();   
+    wattantyFunction();
+}
+
+checkValidAuth(initmyaccount,'/login.html')

dist/Js/myaccount/myaccount_warrenty.js

@@ -0,0 +1,158 @@
+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 Not Found</label></div><div class=mb-3><label class=form-label for=Add_phonenumber_inp>Enter Your Phone Number</label> <input class=form-control 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 for=Add_contactname_inp>Enter Your Contactname</label> <input class=form-control id=Add_contactname_inp required></div><div class="serial_submit text-end"><button class="btn btn-dark warranty_serialNumber_submit" type="button">Submit</button></div></div></div>`;
+
+$(".user_orders").append(order_card);
+$('.add_serialNum').click(function () {
+    $('.warranty_productform').removeClass('d-none');
+    $(this).addClass('d-none');
+});
+$('.warranty_serialNumber_submit').click(async function () {
+    let serial_no_inp = $('#Add_serial_number_inp').val();
+    let phonenumber_inp = $('#Add_phonenumber_inp').val();
+    let contactname_inp = $('#Add_contactname_inp').val();
+    if(serial_no_inp && phonenumber_inp !=''){
+        $('.error_serial_num').addClass('d-none');
+         $('.error_phonenumber').addClass('d-none');
+         $('#Add_serial_number_inp').removeClass('border-danger')    
+         $('#Add_phonenumber_inp').removeClass('border-danger');
+    let port = "https://anwi.bizgaze.app";
+    debugger
+    let url = `${port}/apis/v4/Bizgaze/integrations/products/warrantyservice/serialno/${serial_no_inp}`;
+    console.log(url);
+    const STAT = `05b2f2ca510344968c65e1ebf49a5595`
+    const config = {
+        url,
+        method: "get",
+        headers: {
+            Authorization: `stat ${STAT}`,
+        },
+    };
+
+    let response = await axios(config);
+    debugger
+    console.log(response)
+    let product_res = response.data.result
+    if (product_res != null) {
+        let warrenty_res = JSON.parse(product_res);
+        let new_arr = [warrenty_res];
+        $.each(new_arr, function (key, value) {
+            console.log(value)
+            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(`<div class="Serial_numb_notfound text-danger text-center"><h2>Serial Number Not Found !</h2>`);
+                // $('.warranty_productform').addClass('d-none');
+                // $('.add_serialNum').removeClass('d-none');
+                return;
+            }
+            else {
+                const warrantyEnabled = value[0].warrantyenabled;
+                if (warrantyEnabled == false) {
+                    let phonenumber_updated = Number(phonenumber_inp)
+                    $('.user_Warranty_details').removeClass('d-none')
+                    //  let  strDate =  new Date(value[0].purchasedate).toISOString().slice(0, 10);
+                     let Warrentypayload =
+                     {
+                         "sku": value[0].sku,
+                         "serialno": serial_no_inp,
+                         "phonenumber": phonenumber_updated,
+                         "contactname": contactname_inp,
+                         "warrantyfromdate": value[0].purchasedate
+                    }
+                     warrentyService(Warrentypayload);
+                }
+                else {
+                    // 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 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')
+                        // $('.warranty_productform').addClass('d-none');
+                        $('.add_serialNum').removeClass('d-none');
+                        //Command: toastr["success"]("Warranty already enabled !")
+                   
+                }
+                
+            }
+
+        })
+        
+
+    }
+}
+else{
+    if(serial_no_inp == ''){
+        $('#Add_serial_number_inp').addClass('border-danger')
+        $('.error_serial_num').removeClass('d-none')
+    }
+    else if(phonenumber_inp == ''){
+        $('#Add_phonenumber_inp').addClass('border-danger');
+        $('.error_phonenumber').removeClass('d-none');
+        
+
+    }
+}
+})
+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(`apis/v4/bizgaze/transact/items/savewarrantyasync`, Warrentypayload);
+    debugger
+    console.log(res)
+  if (res.data.status == 2) {
+    //   $('.warranty_productform').addClass('d-none');
+    //   $('.add_serialNum').removeClass('d-none');
+        // Command: toastr["warning"](res.data.message)
+        // toasterOpts();
+        $(".user_Warranty_details").html(`<div class="text-warning text-center"><h2>No Serial number found / Product not Delivered</h2>`);
+
+    }
+    else if(res.data.status == '0'){
+        // $('.warranty_productform').addClass('d-none');
+        // $('.add_serialNum').removeClass('d-none');
+        // Command: toastr["success"](res.data.message);
+        // toasterOpts();
+        $(".user_Warranty_details").html(`<div class="text-danger text-center"><h2>${res.data.message}</h2>`);
+ }
+}
+// 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"
+//     }
+// }
+}

dist/Js/myaccount/orderdetails.js

@@ -0,0 +1,78 @@
+async function bindOrderDetails() {
+  debugger
+// validatesession()
+  const res = await getAPIServiceLocal(
+    "apis/v4/Bizgaze/integrations/products/salesorderdetailsbyphonenumber"
+  );
+  debugger;
+  console.log(res);
+  const orderDetailsres = JSON.parse(res.data.result);
+  console.log(orderDetailsres);
+  let new_arrr = orderDetailsres;
+  console.log(new_arrr);
+  $(".user_order_details").html(``)
+  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 order_itemTotal = '';
+  let order_netTotal = '' ;
+  let order_quantity = '' ;
+  let order_taxAmount = '' ;
+  for(let i=0;i<new_arrr.length;i++){
+    let current=new_arrr[i]
+   let updatedCurent_total= current.nettotal.toLocaleString()
+   order_itemTotal = current.itemtotal;
+   order_netTotal = current.nettotal; 
+   order_quantity =current.Quantity;
+   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="${current.imageurl}" class="img-fluid w-75"/> </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").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(){
+    let current_order_date= $(this).find('.order_date').text();
+    let current_serial_no= $(this).find('.serial_no').text();
+    let current_item_name= $(this).find('.order_item_name').text();
+    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();
+
+    window.localStorage.setItem('orderDate',current_order_date);
+     window.localStorage.setItem('orderSerialno',current_serial_no);
+     window.localStorage.setItem('orderItemname',current_item_name);
+     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)
+     debugger;
+    //  console.log(get_local_orderDate,get_local_orderSerialno)
+     $(this).attr('href','./orderdetails.html')
+ })
+}
+function toasterOpts(){
+  toastr.options = {
+    "closeButton": true,
+    "debug": false,
+    "newestOnTop": true,
+    "progressBar": true,
+    "positionClass": "toast-top-center",
+    "preventDuplicates": true,
+    "onclick": null,
+    "showDuration": "300",
+    "hideDuration": "1000",
+    "timeOut": "5000",
+    "extendedTimeOut": "1000",
+    "showEasing": "swing",
+    "hideEasing": "linear",
+    "showMethod": "fadeIn",
+    "hideMethod": "fadeOut"
+  }
+}

dist/Js/orderDetails/order_summary.js

@@ -0,0 +1,26 @@
+let current_orderDate =window.localStorage.getItem('orderDate')
+let current_orderSerialDate =window.localStorage.getItem('orderSerialno')
+let order_itemname =window.localStorage.getItem('orderItemname');
+let order_itemtotal =window.localStorage.getItem('orderitemTotal');
+let order_nettotal =window.localStorage.getItem('netTotal');
+let order_qty = window.localStorage.getItem('Qty')
+let order_tax = window.localStorage.getItem('tax')
+let Local_keys_update =['tax','Qty','netTotal','orderitemTotal']
+let summary =` <div class="card-body">
+<div>
+    <p class="mb-0 fs-6 fw-500">Order<span>${current_orderSerialDate}</span></span><span class="text-secondary fs-9"> (${order_qty} items)</p>
+    <p class="mb-0 fs-6">Order placed on ${current_orderDate}</p>
+    <p class="mb-0 fs-9">Paid by Credit Card</p>
+</div>`;
+$('.order_price').html(order_itemtotal)
+$('.order_tax').html(order_tax)
+$('.Order_total').html(order_nettotal)
+$('.order_itemname').html(order_itemname)
+$('.order-summary').html(summary);
+$('.back_to_orders').click(function(){
+    debugger
+    for (key of Local_keys_update) {
+    window.localStorage.removeItem(key);
+    }
+    $(this).attr('href','./myaccount.html')
+})

dist/Js/warranty.js

@@ -0,0 +1,207 @@
+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>`;
+
+  $(".user_orders").append(order_card);
+  $(".add_serialNum").click(function () {
+    $(".warranty_productform").removeClass("d-none");
+    $(this).addClass("d-none");
+  });
+  $(".warranty_serialNumber_submit").click(async function () {
+    let serial_no_inp = $("#Add_serial_number_inp").val();
+    let phonenumber_inp = $("#Add_phonenumber_inp").val();
+    let contactname_inp = $("#Add_contactname_inp").val();
+    if (serial_no_inp && phonenumber_inp != "") {
+      $(".error_serial_num").addClass("d-none");
+      $(".error_phonenumber").addClass("d-none");
+      $("#Add_serial_number_inp").removeClass("border-danger");
+      $("#Add_phonenumber_inp").removeClass("border-danger");
+      let port = "https://anwi.bizgaze.app";
+      debugger;
+      let url = `${port}/apis/v4/Bizgaze/integrations/products/warrantyservice/serialno/${serial_no_inp}`;
+      console.log(url);
+      const STAT = `05b2f2ca510344968c65e1ebf49a5595`;
+      const config = {
+        url,
+        method: "get",
+        headers: {
+          Authorization: `stat ${STAT}`,
+        },
+      };
+      let response = await axios(config);
+      debugger;
+      console.log(response);
+      let product_res = response.data.result;
+      if (product_res != null) {
+        let warrenty_res = JSON.parse(product_res);
+        let new_arr = [warrenty_res];
+        $.each(new_arr, function (key, value) {
+          console.log(value);
+          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(
+              `<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(){
+              $('.bg-dangerLite').hide()
+            }, 1000)
+            // $('.warranty_productform').addClass('d-none');
+            // $('.add_serialNum').removeClass('d-none');
+            return;
+          } else {
+           const warrantyEnabled = value[0].warrantyenabled;
+           $('.warranty_status_main_container').addClass('d-none')
+           if (warrantyEnabled == false) {
+             let phonenumber_updated = Number(phonenumber_inp);
+             $(".user_Warranty_details").removeClass("d-none");
+             //  let  strDate =  new Date(value[0].purchasedate).toISOString().slice(0, 10);
+             let Warrentypayload = {
+               sku: value[0].sku,
+               serialno: serial_no_inp,
+               phonenumber: phonenumber_updated,
+               contactname: contactname_inp,
+               warrantyfromdate: value[0].purchasedate,
+             };
+             warrentyService(Warrentypayload);
+           } else {
+            $('.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>${value[0].contactname} 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><small>Serail No</small><p class="mb-0 fs-9 text-secondary serial_no_warrantynumber"><small>${value[0].serialno}</small><p class=mb-0><small>warranty will be applicable till</small><p class="mb-0 fs-9 text-secondary rounded-2 warrenty_date"><small>${value[0].warrantytodate}</small></div></div><h6>Order details</h6><div class="row mb-3"><div class=col-6><p class=mb-0><small>Sku</small><p class="mb-0 fs-9 text-secondary rounded-2 warranty_sku"><small>${value[0].sku}</small></div><div class=col-6><p class=mb-0><small>Itemname</small><p class="mb-0 fs-9 text-secondary rounded-2 warranty_item_name"><small>${value[0].itemname}</small></div></div><h6>Warranty details</h6><div class=row><div class=col-6><p class=mb-0><small>Warranty Start</small><p class="mb-0 fs-9 text-secondary rounded-2"><small class=purchase_date>${value[0].warrantyfromdate}</small></div><div class=col-6><p class=mb-0><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");
+           }
+          }
+        });
+      }
+    } else {
+      if (serial_no_inp == "") {
+        $("#Add_serial_number_inp").addClass("border-danger");
+        $(".error_serial_num").removeClass("d-none");
+      } else if (phonenumber_inp == "") {
+        $("#Add_phonenumber_inp").addClass("border-danger");
+        $(".error_phonenumber").removeClass("d-none");
+      }
+    }
+  });
+  $('.warranty_serialNumber_check').click(async function(){
+    let serial_no_inp = $("#Add_serial_number_inp").val();
+    if (serial_no_inp != "") {
+      $(".error_serial_num").addClass("d-none");
+      $("#Add_serial_number_inp").removeClass("border-danger");
+      let port = "https://anwi.bizgaze.app";
+      debugger;
+      let url = `${port}/apis/v4/Bizgaze/integrations/products/warrantyservice/serialno/${serial_no_inp}`;
+      console.log(url);
+      const STAT = `05b2f2ca510344968c65e1ebf49a5595`;
+      const config = {
+        url,
+        method: "get",
+        headers: {
+          Authorization: `stat ${STAT}`,
+        },
+      };
+
+      let response = await axios(config);
+      debugger;
+      console.log(response);
+      let product_res = response.data.result;
+      if (product_res != null) {
+          if (response.data.result == "[]") {
+            $('.bg-dangerLite').removeClass('d-none')
+            $(".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>`
+              );
+              
+            // );
+            setTimeout(function(){
+              $('.bg-dangerLite').hide()
+            }, 1000)
+            return;
+          }
+    else{
+      $('.bg-dangerLite').addClass('d-none')
+        $(".Add_phonenumber_inp_label").removeClass('d-none')
+        $("#Add_phonenumber_inp").removeClass('d-none')
+        $(".Add_Contact_inp_label").removeClass('d-none')
+        $("#Add_contactname_inp").removeClass('d-none')
+        $(".warranty_serialNumber_submit").removeClass('d-none')
+        $(this).addClass('d-none')
+        $(".Serial_numb_notfound").addClass('d-none')
+    }
+      }
+    } else {
+      if (serial_no_inp == "") {
+        $("#Add_serial_number_inp").addClass("border-danger");
+        $(".error_serial_num").removeClass("d-none");
+      }
+    }
+  })
+
+  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(
+      `apis/v4/bizgaze/transact/items/savewarrantyasync`,
+      Warrentypayload
+    );
+    debugger;
+    console.log(res);
+    if (res.data.status == 2) {
+      //   $('.warranty_productform').addClass('d-none');
+      //   $('.add_serialNum').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(
+       `<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(){
+        $('.bg-dangerLite').hide()
+      }, 1000)
+    } 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>`);
+    }
+  }
+  // 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();

w/index.html

@@ -0,0 +1,135 @@
+
+<!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="stylesheet" href="../libs/bootstrap/css/bootstrap.min.css" />
+    <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">
+    <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">
+    <link rel="stylesheet" href="../libs/toaster/toastr.css">
+    <title>Anwi</title>
+</head>
+
+<body class="my_account_page bg-gradient-violet">
+    <!-- navbar -->
+    <div id="navbar-head" class="bg-white"></div>
+    <!-- end-navbar -->
+    <!-- main-body -->
+    <main class="main-body">
+        <!-- <section class="warrenty_section d-none">
+            <div class="my-account-wrapper py-md-5">
+                <div class="container py-md-5">
+                    <div class="row">
+                        <div class="col-md-7 section-title-8">
+                            <h2 class="bold text-white">Warranty Registration</h2>
+                        </div>
+                        <div class="col-md-5 section-title-8">
+                            <div class="pb-3">
+                                <h4 class="bold text-white">Register Your Batteries and HUPS !</h4>
+                                <h5 class="text-white">It's simple, useful and Paperless !</h5>
+                            </div>
+                            <div>
+                                <p class="fs-md-8 text-white">Register your Exide Battery/HUPS online and view your Battery/HUPS
+                                    warranty details anytime, anywhere!</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section> -->
+        <section class="pt-5">
+            <div class="my-account-wrapper">
+                <div class="container py-md-5">
+                    <div class="product-area pt-160 pb-115">
+                        <div class="container">
+                            <div class="product-tab-list-1 tab-list-1-left nav mt-100 mb-65 justify-content-center">
+                                <a class="d-none" href="#activate_warranty" data-bs-toggle="tab">
+                                    Activate Warranty</a>
+                                <a href="#Warranty_check" data-bs-toggle="tab" class="active">Warranty</a>
+                            </div>
+                            <div class="tab-content jump ">
+                                <div id="Warranty_check" class="tab-pane  active">
+                                    <h5 class="mb-md-4">Enter Your Details Below :</h5>
+                                    <div class="row shadow warranty_row rounded-4">
+                                        <div class="col-md-12">
+                                            <form>
+                                                <div class="backtoform m-4 d-none">
+                                                <a href="./index.html"><i class="fa-solid fa-arrow-left fa-2x" ></i>  </a></div>
+                                                <div class="row align-items-center justify-content-center m-3 warranty_status_main_container">
+                                                    <div class="col-md-6 pb-4">
+                                                        <div class="user_orders">
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="row align-items-center justify-content-center ">                                                <div class="col-md-6 pb-4">
+                                                    <div class="user_Warranty_details">
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                            </form>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </main>
+    <!-- footer -->
+    <div id="footer-head"></div>
+    <!-- end-footer -->
+    <!-- <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script> -->
+    <script src="../dist/js/jquery.min.js"></script>
+    <script src="../dist/js/navbar.js"></script>
+    <script src="../dist/js/footer.js"></script>
+    <!-- <script src="./dist/Js/components/authloader/authloader.js"></script> -->
+    <!-- <script src="../dist/js/toaster/toastr.js"></script> -->
+    <script src="../dist/js/axios.min.js"></script>
+    <script src="../dist/js/auth/apiservice.js"></script>   
+    <script src="../libs/cookies.min.js"></script>
+    <!-- <script src="../dist/js/utils/CookieHelper.js"></script> -->
+    <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>
+    <script src="../dist/js/plugins/jquery-ui.js"></script>
+    <script src="../dist/js/plugins/magnific-popup.js"></script>
+    <!-- Main JS -->
+    <!-- <script src="../dist/js/localstorage/loginauthlocal.js"></script> -->
+    <script src="../dist/js/warranty.js"></script>
+    <!-- <script src="../dist/js/myaccount/Myaccount.js"></script> -->
+    <script src="../dist/js/main.js"></script>
+</body>
+
+</html>