Changes in my account and order details..

dist/Js/auth/apiservice.js

@@ -1,5 +1,5 @@
 //let SERVERNAME = 'https://anwi.bizgaze.app';
-let SERVERNAME = 'https://beta.bizgaze.app';
+let SERVERNAME = 'http://beta.bizgaze.com';
 const STAT = 'b276960fddf84e8cb63de6e32d31529b';
 
 
@@ -23,6 +23,16 @@ async function getStatAPIService(url,data={}){
     return response;
 }
 
+async function getStatAPIService(url,data={}){
+    const config = {
+        url,
+        method: "get",
+      };
+    let response = await axios(config);
+
+    return response;
+}
+
 async function postStatAPIService(url,data={}){
     let config = {
         url,
@@ -45,7 +55,7 @@ async function postAPIService(url,data={}){
         method:'post',
         data:data,
         headers: {
-            'Authorization': `Basic fffe5440-5be6-4c07-876f-113c13de7382`,
+            'Authorization': `Basic b67607dd-283e-478e-b2cf-35736e8bad69`,
             'Content-Type': 'application/json'
         },
     }
@@ -61,7 +71,7 @@ async function postAPIServiceLocal(url,data={}){
         method:'post',
         data:JSON.stringify(data    ),
         headers: {
-            'Authorization': `Basic fffe5440-5be6-4c07-876f-113c13de7382`,
+            'Authorization': `Basic b67607dd-283e-478e-b2cf-35736e8bad69`,
             'Content-Type': 'application/json'
         },
     }
@@ -75,7 +85,7 @@ async function getAPIServiceLocal(url){
         method:'get',
     
         headers: {
-            'Authorization': `Basic fffe5440-5be6-4c07-876f-113c13de7382`,
+            'Authorization': `Basic b67607dd-283e-478e-b2cf-35736e8bad69`,
             'Content-Type': 'application/json'
         },
     }

dist/Js/myaccount/Address.js

@@ -0,0 +1,303 @@
+async function addressDetails() {
+  debugger;
+  getbillinginfoBind();
+  let addr_phone=$('#phonenumber');
+  let addr_addrline =$('#addressdes');
+  let addr_zip =$('#zipcode');
+  function getbillinginfoBind() {
+    return new Promise(async (resolve, reject) => {
+      let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
+      console.log(cookieRes);
+      const { errorMsg, isError, response } =
+        await API_SERVICES_ACTIONS.getAPIService(
+          `apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`
+        );
+      let res = JSON.parse(response.result);
+      debugger;
+      console.log(res);
+      res = res[res.length - 1];
+      debugger
+      $('#Profile_User_name').val(res.organizationname)
+      $('#Profile_Phone_num').val(res.phonenumber)
+        let Profileusername =$('#Profile_User_name').val()
+        let Profileuserphone=$('#Profile_Phone_num').val()
+      $('.overview_user_name').html(Profileusername);
+        $('.overview_user_phone').html(Profileuserphone);
+      if (res.cityid == "0") {
+        $(".profile_Address").html(
+          `<div class=User_address><button class="btn btn-outline-primary create_address" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg> ADD NEW ADDRESS</button></div>`
+        );
+        
+        $(".address_edit").hide();
+        $(".create_address").on("click", function () {
+            debugger
+            $(this).hide();
+            $('.saveaddress').hide()
+            $(".addresslist").show();
+            $(".Createaddress").show();
+            getCountryStateCurrency();
+          });
+        $('.Createaddress').on('click',async function(){
+            if(addr_phone.val() == "" || addr_zip.val() == "" || addr_addrline.val()  == ""){
+                // toastr.error('Required Feilds are Empty!');
+                 if(addr_phone.val() == '' || addr_phone.val().length <10){
+                    addr_phone.addClass("is-invalid");
+                 }
+                 else{
+                    addr_phone.removeClass("is-invalid");
+                 }
+                 if(addr_zip.val() == '' || addr_zip.val().length < 6){
+                    addr_zip.addClass("is-invalid");
+                 }
+                 else{
+                    addr_zip.removeClass("is-invalid");
+                 }
+                 if(addr_addrline.val() == ''){
+                    addr_addrline.addClass("is-invalid");
+                 }   else{
+                    addr_addrline.removeClass("is-invalid");
+                 }
+               }
+               else{
+                $(".addresslist").hide();
+                $(".profile_Address").show();
+                $(".address_edit").show();
+                $(".address_edit_cancel").hide();
+                await createBillingForm() 
+                 await getbillinginfoBind();
+               }
+    
+        })
+      } else {
+        $(".profile_Address").html(
+          `<div class=User_address><address><p><strong class="text-capitalize">${res.organizationname}</strong><p>${res.addressline},${res.cityname}<br>${res.statename},${res.zipcode}<p>Mobile: ${res.phonenumber}</address></div>`
+        );
+      }
+      resolve();
+    });
+  }   debugger
+
+
+  $(".address_edit").on("click", function () {
+    $(this).hide();
+    $(".profile_Address").hide();
+    $(".addresslist").show();
+    $(".address_edit_cancel").show();
+    getCountryStateCurrency();
+  });
+
+  $(".address_edit_cancel").on("click", function () {
+    $(this).hide();
+    $(".addresslist").hide();
+    $(".profile_Address").show();
+    $(".address_edit").show();
+  });
+
+  $(".saveaddress")
+    .off("click")
+    .click(async function () {
+ 
+    debugger
+      if(addr_phone.val() == "" || addr_zip.val() == "" || addr_addrline.val()  == ""){
+        // toastr.error('Required Feilds are Empty!');
+         if(addr_phone.val() == '' || addr_phone.val().length <10){
+            addr_phone.addClass("is-invalid");
+         }
+         else{
+            addr_phone.removeClass("is-invalid");
+         }
+         if(addr_zip.val() == '' || addr_zip.val().length < 6){
+            addr_zip.addClass("is-invalid");
+         }
+         else{
+            addr_zip.removeClass("is-invalid");
+         }
+         if(addr_addrline.val() == ''){
+            addr_addrline.addClass("is-invalid");
+         }   else{
+            addr_addrline.removeClass("is-invalid");
+         }
+       }
+       else{
+        $(".addresslist").hide();
+        $(".profile_Address").show();
+        $(".address_edit").show();
+        $(".address_edit_cancel").hide();
+        $('.spinner-border').removeClass('d-none')
+        $('.saveaddress').find('span').addClass('d-none')
+         await AddresssaveForm();
+         $('.spinner-border').addClass('d-none')
+         $('.saveaddress').find('span').removeClass('d-none')
+         await getbillinginfoBind();
+       }
+     
+    });
+  async function getCountryStateCurrency() {
+    const countryRes = await API_SERVICES_ACTIONS.getAPIService(
+      "apis/v4/bizgaze/integrations/products/getcountry"
+    );
+    if (countryRes.isError) {
+      alert("something went wrong");
+      console.log(countryRes);
+      return;
+    }
+    let countryData = JSON.parse(countryRes.response.result);
+
+    console.log(countryData, "country");
+
+    for (let i = 0; i < countryData.length; i++) {
+      if (countryData[i].countryname.toLowerCase() === "india") {
+        countryID = countryData[i].countryid;
+        countrynameData = countryData[i].countryname;
+        break;
+      }
+    }
+    const stateRes = await API_SERVICES_ACTIONS.getAPIService(
+      `apis/v4/bizgaze/integrations/products/getcities/countryid/${countryID}`
+    );
+
+    if (stateRes.isError) {
+      alert("something went wrong");
+      console.log(stateRes, "state");
+      return;
+    }
+
+    let stateData = JSON.parse(stateRes.response.result);
+
+    console.log(stateData, "state");
+
+    $("#state").html("");
+    console.log("start");
+    let html = "";
+    statesList = stateData;
+    for (let i = 0; i < stateData.length; i++) {
+      html += `<option value="${stateData[i].cityid}" data-id="${stateData[i].cityid}">${stateData[i].cityname}</option>`;
+    }
+
+    $("#state").append(html);
+
+    $("#state").select2({
+      placeholder: "Select a City",
+      allowClear: true,
+    });
+
+    const currencyRes = await API_SERVICES_ACTIONS.getAPIService(
+      "apis/v4/bizgaze/integrations/products/getcurrencies"
+    );
+
+    if (currencyRes.isError) {
+      alert("something went wrong");
+      console.log(currencyRes);
+      return;
+    }
+
+    let currencyData = JSON.parse(currencyRes.response.result);
+
+    console.log(currencyData, "currencyDatacurrencyDatacurrencyData");
+
+    for (let i = 0; i < currencyData.length; i++) {
+      const curr = currencyData[i];
+      if (curr.currencyname.toLowerCase().includes("india")) {
+        currencyid = curr.currencyid;
+      }
+    }
+  }
+
+  async function getCountryId() {
+    const countryRes = await API_SERVICES_ACTIONS.getAPIService(
+      "apis/v4/bizgaze/integrations/products/getcountry"
+    );
+
+    if (countryRes.isError) {
+      alert("something went wrong");
+      console.log(countryRes);
+      return;
+    }
+
+    let ctyId = 0;
+    let countryData = JSON.parse(countryRes.response.result);
+
+    console.log(countryData);
+
+    for (let i = 0; i < countryData.length; i++) {
+      if (countryData[i].countryname.toLowerCase() === "india") {
+        countryId = countryData[i].countryid;
+        ctyId = countryId;
+        countrynameData = countryData[i].countryname;
+        break;
+      }
+    }
+
+    return ctyId;
+  }
+
+  function createBillingForm() {
+    debugger;
+    return new Promise(async (resolve, reject) => {
+      let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
+      let { userId, name } = cookieRes;
+      const ctyId = await getCountryId();
+      let stateId = parseInt($("#state").val());
+      let payload = {
+        cityid: stateId,
+        CityName: $(`[data-id="${stateId}"`).html(),
+        addressline1: $("#addressdes").val(),
+        OrganizationType: 2,
+        organizationname: name,
+        //"OrganizationId":,
+        ContactName: name,
+        ContactId: userId,
+        countryname: "india",
+        countryid: ctyId,
+        statename: $(`[data-id="${stateId}"`).html(),
+        phonenumber: $("#phonenumber").val(),
+        OrganizationId: userId,
+        currencyid: 2,
+        taxno: "0",
+        BillingInfoExists: false,
+        lobid: 0,
+        lobname: "IT Products",
+        gstindetailid: 0,
+        zipcode: $("#zipcode").val(),
+      };
+      const res = await API_SERVICES_ACTIONS.postAPIService(
+        "apis/v4/bizgaze/crm/address/savebillinginfo",
+        payload
+      );
+      // http://localhost:3088/apis/v4/bizgaze/crm/address/savebillinginfo
+      console.log(res);
+      resolve();
+    });
+  }
+
+  async function AddresssaveForm() {
+    debugger;
+    let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
+    let { userId, name } = cookieRes;
+    const { errorMsg, isError, response } =
+      await API_SERVICES_ACTIONS.getAPIService(
+        `apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`
+      );
+    let resAnwi = JSON.parse(response.result);
+    console.log(resAnwi, "befores");
+    resAnwi = resAnwi[resAnwi.length - 1];
+    let stateId = parseInt($("#state").val());
+    let payload = {
+      ...resAnwi,
+      phonenumber: $("#phonenumber").val(),
+      addressline1: $("#addressdes").val(),
+      zipcode: $("#zipcode").val(),
+      cityid: stateId,
+      CityName: $(`[data-id="${stateId}"`).html(),
+    };
+    console.log(payload, "addresssaave");
+    //
+    const res = await API_SERVICES_ACTIONS.postAPIService(
+      "apis/v4/bizgaze/crm/address/savebillinginfo",
+      payload
+    );
+    return new Promise((reslove, reject) => {
+      reslove(res);
+    });
+  }
+}

dist/Js/myaccount/Myaccount.js

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

dist/Js/myaccount/Profile.js

@@ -0,0 +1,158 @@
+function myProfile() {
+    debugger
+    getbillinginfoBind()
+   async function getbillinginfoBind(){
+    let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
+    console.log(cookieRes);
+    const { errorMsg, isError, response } = await API_SERVICES_ACTIONS.getAPIService(
+      `apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`
+    );
+    let res = JSON.parse(response.result);
+    debugger;
+    console.log(res);
+    res = res[res.length - 1];
+   $('#Profile_User_name').val(res.organizationname)
+  $('#Profile_Phone_num').val(res.phonenumber)
+    let Profileusername =$('#Profile_User_name').val()
+    let Profileuserphone=$('#Profile_Phone_num').val()
+    $('.overview_user_name').html(Profileusername);
+    $('.overview_user_phone').html(Profileuserphone);
+    $(".profile_Address").html(`<div class=User_address><address><p><strong>${res.organizationname}</strong><p>${res.addressline},${res.cityname}<br>${res.statename},${res.zipcode}<p>Mobile: ${res.phonenumber}</address></div>`
+      );
+}
+    let countryId = null;   
+  $(".profile_edit").on("click", function () {
+    $(this).hide();
+    // $('.profile_save_btn,.profile_edit_cancel').removeClass('d-none')
+    $(".profile_save_btn,.profile_edit_cancel,.profile_info_label").show();
+    $(".profile_info").removeAttr("disabled").removeClass("cursor-notvalid");
+  });
+  $(".profile_edit_cancel").on("click", function () {
+    $(this).hide();
+    $(".profile_save_btn,.profile_info_label").hide();
+    $('#Profile_User_name').val('');
+    $('#Profile_Phone_num').val('');
+    getbillinginfoBind();
+    $(".profile_edit").show();
+    $(".profile_info").attr("disabled", "disabled").addClass("cursor-notvalid");
+  });
+  $(".pass_edit").on("click", function () {
+    $(this).hide();
+    $(".update_profile_pass,.pass_edit_cancel").show();
+    $(".profile_info_pass")
+      .removeAttr("disabled")
+      .removeClass("cursor-notvalid");
+  });
+  $(".pass_edit_cancel").on("click", function () {
+    $('#Profile_User_current_pass').val('');
+    $('#Profile_User_confirm_pass').val('');
+    $('#Profile_User_new_pass').val('');
+    $('#Profile_User_current_pass,#Profile_User_new_pass,#Profile_User_confirm_pass').removeClass('is-invalid')
+    // $('#Profile_User_new_pass').val().removeClass('is-invalid')
+    // $('#Profile_User_confirm_pass').val().removeClass('is-invalid')
+    $(this).hide();
+    $(".update_profile_pass").hide();
+    $(".pass_edit").show();
+    $(".profile_info_pass")
+      .attr("disabled", "disabled")
+      .addClass("cursor-notvalid");
+  });
+  $(".update_profile_pass").on("click", async function () {
+    let userEmail = window.localStorage.getItem("Useremail");
+    console.log(userEmail);
+    let port = "http://beta.bizgaze.com";
+    // let port = "http://localhost:3088";
+    let url = `${port}/account/getuserbyphoneormail/${userEmail}/${userEmail}`;
+    const config = {
+      url,
+      method: "get",
+    };
+    debugger;
+
+    let response = await axios(config);
+    let usernameId = response.data.result.userName;
+    let UserNewpassword = $("#Profile_User_new_pass");
+    let usercurrentPass = $("#Profile_User_current_pass");
+    let userConfirmpass = $("#Profile_User_confirm_pass");
+    if (usercurrentPass.val() != "") {
+      $(usercurrentPass).removeClass("is-invalid");
+      if (UserNewpassword.val() && userConfirmpass.val() != "") {
+        if (UserNewpassword.val() == userConfirmpass.val()) {
+          console.log(usernameId);
+          const UpdatePassPayload = {
+            username: usernameId,
+            password: UserNewpassword.val(),
+            oldpassword: usercurrentPass.val(),
+          };
+          const update_passres = await postAPIService(
+            `hyperfusion/HypersfusionUpdatePassword`,
+            UpdatePassPayload
+          );
+          console.log(update_passres);
+          if (update_passres.data.errors != null) {
+            $(".profilepass_feedbackres")
+              .html(`<div class="alert alert-danger error_msg " role="alert" style="font-size: 12px;"><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>
+         <span class="error_msg_res">${update_passres.data.message}</a></span> 
+         
+         </div>`);
+            $(userConfirmpass).addClass("is-invalid");
+            $(UserNewpassword).removeClass("is-invalid");
+            $(userConfirmpass).removeClass("is-invalid");
+          } else {
+            $(".profilepass_feedbackres")
+              .html(`<div class="alert alert-success success_msg" role="alert" style="font-size: 12px;"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check" viewBox="0 0 16 16">
+                <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/>
+              </svg>
+         <span class="success_msg_res">${update_passres.data.message}</a></span> 
+         </div>`);
+            usercurrentPass.val("");
+            UserNewpassword.val("");
+            userConfirmpass.val("");
+          }
+        } else {
+          $(UserNewpassword).addClass("is-invalid");
+          $(userConfirmpass).addClass("is-invalid");
+          return;
+        }
+      } else {
+        $(UserNewpassword).addClass("is-invalid");
+        $(userConfirmpass).addClass("is-invalid");
+        return;
+      }
+    } else {
+      $(usercurrentPass).addClass("is-invalid");
+      return;
+    }
+  });
+  $('.profile_save_btn').on('click',async function(){
+    await ProfilesaveForm();
+    $('.profile_edit_cancel').trigger('click')
+})
+  async function ProfilesaveForm() {
+    debugger
+    let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
+    let { userId, name } = cookieRes;
+    const { errorMsg, isError, response } =
+      await API_SERVICES_ACTIONS.getAPIService(
+        `apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`
+      );
+    let resAnwi = JSON.parse(response.result);
+    console.log(resAnwi, "previous profilesave");
+    resAnwi = resAnwi[resAnwi.length - 1];
+    let payload = {
+      ...resAnwi,
+      organizationname: $("#Profile_User_name").val(),
+      phonenumber: $("#Profile_Phone_num").val(),
+    };
+    console.log(payload, "profilesave");
+    //
+    const res = await API_SERVICES_ACTIONS.postAPIService(
+      "apis/v4/bizgaze/crm/address/savebillinginfo",
+      payload
+    );
+    return new Promise((reslove, reject) => {
+      reslove(res);
+      getbillinginfoBind();
+    });
+  }
+}

dist/Js/myaccount/orderdetails.js

@@ -1,9 +1,14 @@
 async function bindOrderDetails() {
   let user_number =$('.User_phoneum').text();
 // validatesession()
-let port = SERVERNAME;
+debugger
+let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
+let { userId} = cookieRes;
+// let userId = '106631380000095';
+let port = "https://anwi.bizgaze.app";
 // let port = "http://localhost:3088";
-  let url = `${port}/apis/v4/bizgaze/integrations/products/salesorderdetailsbyphonenumber/phonenumber/${user_number}`;
+  let url = `${port}/apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/${userId}`;
+  // https://anwi.bizgaze.app/apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/{organizationid}
   const config = {
     url,
     method: "get",
@@ -14,6 +19,10 @@ let port = SERVERNAME;
   };
   debugger
   let res = await axios(config);
+  if(res.data.result == '[]'){
+    $(".user_order_details").append(`<div><h6 class="text-center">No orders Found</h6></div>`);
+    return;
+  }
   const orderDetailsres = JSON.parse(res.data.result);
   console.log(orderDetailsres);
   let new_arrr = orderDetailsres;

dist/Js/orderDetails/order_summary.js

@@ -1,9 +1,13 @@
 async function order_summary(){
 let current_orderSerialDate =window.localStorage.getItem('orderSerialno');
-let user_number =window.localStorage.getItem('Userphonenumber');
-let port = SERVERNAME;
+// let user_number =window.localStorage.getItem('Userphonenumber');
+let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
+let { userId} = cookieRes;
+// let userId = '106631380000095';
+let port = "https://anwi.bizgaze.app";
 // let port = "http://localhost:3088";
-  let url = `${port}/apis/v4/bizgaze/integrations/products/salesorderdetailsbyphonenumber/phonenumber/${user_number}`;
+  // let url = `${port}/apis/v4/bizgaze/integrations/products/salesorderdetailsbyphonenumber/phonenumber/${user_number}`;
+  let url = `${port}/apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/${userId}`;
   const config = {
     url,
     method: "get",

dist/Js/warranty.js

@@ -1,5 +1,5 @@
 function wattantyFunction() {
-  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 type="number" inputmode="tel" class="form-control d-none" pattern="[1-9]{1}[0-9]{9}^[0-9]*$" onKeyPress="if(this.value.length==10) return false;"maxlength="10"  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");
@@ -15,7 +15,7 @@ function wattantyFunction() {
       $(".error_phonenumber").addClass("d-none");
       $("#Add_serial_number_inp").removeClass("border-danger");
       $("#Add_phonenumber_inp").removeClass("border-danger");
-      let port = SERVERNAME
+      let port = "https://anwi.bizgaze.app";
       debugger;
       let url = `${port}/apis/v4/Bizgaze/integrations/products/warrantyservice/serialno/${serial_no_inp}`;
       console.log(url);
@@ -80,7 +80,7 @@ function wattantyFunction() {
     if (serial_no_inp != "") {
       $(".error_serial_num").addClass("d-none");
       $("#Add_serial_number_inp").removeClass("border-danger");
-      let port = SERVERNAME
+      let port = "https://anwi.bizgaze.app";
       debugger;
       let url = `${port}/apis/v4/Bizgaze/integrations/products/warrantyservice/serialno/${serial_no_inp}`;
       console.log(url);

dist/css/style.css

@@ -6444,11 +6444,13 @@ margin-bottom: 0.5rem !important;
   margin-top: -20px;
 } */
 
-.myaccount-content h3 {
-  font-size: 20px;
+.myaccount-content .profile_head {
   border-bottom: 1px dashed #ccc;
   padding-bottom: 10px;
   margin-bottom: 25px;
+}
+.myaccount-content h3 {
+  font-size: 20px;
   font-weight: 600;
 }
 
@@ -6506,7 +6508,24 @@ margin-bottom: 0.5rem !important;
 .myaccount-content .account-details-form .single-input-item input:focus {
   border-bottom: 1px solid #354060;
 }
+.profile_info.cursor-notvalid , .profile_info_pass.cursor-notvalid{
+  cursor: not-allowed;
+}
 
+.Theme_btn{
+  border: none;
+  background: linear-gradient(145deg,rgb(27,45,83,0.9),rgb(10,19,34)) !important;
+  text-transform: uppercase;
+  font-weight: 600;
+  padding: 9px 25px;
+  color: #fff;
+  font-size: 13px;
+}
+.profile_head .edit_sec .check-btn:hover{
+color:#2843c7;
+cursor: pointer;
+transition:linear cubic-bezier(0.455, 0.03, 0.515, 0.955);
+}
 .myaccount-content .account-details-form .single-input-item button {
   border: none;
   background-color: #0A1039;
@@ -31717,4 +31736,28 @@ h4.checkout-title::before {
   to {
     transform: rotate(360deg);
   }
+}
+input[type=number]::-webkit-inner-spin-button, 
+input[type=number]::-webkit-outer-spin-button { 
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    margin: 0; 
+}
+.select2-container--default{
+  width: 100% !important;
+}
+
+.select2-selection__clear span{
+  display: none !important;
+}
+
+.select2-selection__rendered {
+  line-height: 50px !important;
+}
+.select2-container .select2-selection--single {
+  height: 60px !important;
+}
+.select2-selection__arrow {
+  height: 50px !important;
 }

myaccount.html

@@ -12,6 +12,7 @@
     <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="./libs/select2/select2.min.css" rel="stylesheet" />
     <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">
@@ -31,7 +32,7 @@
 <body class="my_account_page d-none">
     <!-- navbar -->
     <div id="navbar-head" class="bg-white"></div>
-      <!-- end-navbar -->
+    <!-- end-navbar -->
     <!-- main-body -->
     <auth-loader></auth-loader>
     <main class="shopping-cart-main-container main-body pb-0">
@@ -41,89 +42,104 @@
                 </div>
             </div>
         </section>
-      <section class="">
-        <div class="my-account-wrapper bg-gradient-violet py-md-5">
-            <div class="container">
-                <div>
-                    <h4>My Account </h4>
-                </div>
-                <div class="row pt-3 ">
-                    <div class="col-lg-12">
-                        <!-- My Account Page Start -->
-                        <div class="myaccount-page-wrapper">
-                            <!-- My Account Tab Menu Start -->
-                            <div class="row">
-                                <div class="col-lg-3 col-md-4">
-                                    <div class="myaccount-tab-menu nav" role="tablist">
-                                        <a href="#dashboad" class="" data-bs-toggle="tab">Overview</a>
-                                        <a href="#orders" data-bs-toggle="tab" class="active "> Orders</a>
-                                        <a href="#warrenty" data-bs-toggle="tab" class="d-none">Warranty</a>
-                                        <a href="#payment-method" data-bs-toggle="tab" class="d-none"> Payment Method</a>
-                                        <a href="#account-info" data-bs-toggle="tab">Profile</a>
-                                        <a href="#address-edit" data-bs-toggle="tab">address</a>
-                                        <a href="./login.html" class="User_logout">Logout</a>
+        <section class="">
+            <div class="my-account-wrapper bg-gradient-violet py-md-5">
+                <div class="container">
+                    <div>
+                        <h4>My Account </h4>
+                    </div>
+                    <div class="row pt-3 ">
+                        <div class="col-lg-12">
+                            <!-- My Account Page Start -->
+                            <div class="myaccount-page-wrapper">
+                                <!-- My Account Tab Menu Start -->
+                                <div class="row">
+                                    <div class="col-lg-3 col-md-4">
+                                        <div class="myaccount-tab-menu nav" role="tablist">
+                                            <a href="#dashboad" class="" data-bs-toggle="tab">Overview</a>
+                                            <a href="#orders" data-bs-toggle="tab" class="active "> Orders</a>
+                                            <a href="#warrenty" data-bs-toggle="tab" class="d-none">Warranty</a>
+                                            <a href="#payment-method" data-bs-toggle="tab" class="d-none"> Payment
+                                                Method</a>
+                                            <a href="#account-info" data-bs-toggle="tab">Profile</a>
+                                            <a href="#address-edit" data-bs-toggle="tab">address</a>
+                                            <a href="./login.html" class="User_logout">Logout</a>
+                                        </div>
                                     </div>
-                                </div>
-                                <!-- My Account Tab Menu End -->
-                                <!-- My Account Tab Content Start -->
-                                <div class="col-lg-9 col-md-8">
-                                    <div class="tab-content" id="myaccountContent">
-                                        <!-- Single Tab Content Start -->
-                                        <div class="tab-pane fade " id="dashboad" role="tabpanel">
-                                            <div class="myaccount-content p-lg-4">
-                                               <div class="row bg-gray p-lg-4 align-items-end">
-                                                    <div class="col-md-7 col-12">
-                                                        <div class="row align-items-center">
-                                                            <div class="col-md-3">
-                                                                <img src="./dist/assets/imgs/account_warrenty/profile-icon.png" class="w-md-65 w-50"/>
-                                                            </div>
-                                                            <div class="col-md-9">
-                                                                <h6>Name :<span class="text-black-50"> Anwi</span></h6>
-                                                                <h6>Phone :<span class="text-black-50 User_phoneum">9542494949</span></h6>
-                                                                <!-- <h6>Phone :<span class="text-black-50 User_phoneum">9030076615</span></h6> -->
+                                    <!-- My Account Tab Menu End -->
+                                    <!-- My Account Tab Content Start -->
+                                    <div class="col-lg-9 col-md-8">
+                                        <div class="tab-content" id="myaccountContent">
+                                            <!-- Single Tab Content Start -->
+                                            <div class="tab-pane fade " id="dashboad" role="tabpanel">
+                                                <div class="myaccount-content p-lg-4">
+                                                    <div class="row bg-gray p-lg-4 align-items-end">
+                                                        <div class="col-md-7 col-12">
+                                                            <div class="row align-items-center">
+                                                                <div class="col-md-3">
+                                                                    <img src="./dist/assets/imgs/account_warrenty/profile-icon.png"
+                                                                        class="w-md-65 w-50" />
+                                                                </div>
+                                                                <div class="col-md-9">
+                                                                    <h6>Name :<span class="text-black-50 overview_user_name text-capitalize"> Anwi</span>
+                                                                    </h6>
+                                                                    <h6>Phone :<span
+                                                                            class="text-black-50 User_phoneum overview_user_phone"></span>
+                                                                    </h6>
+                                                                    <!-- <h6>Phone :<span class="text-black-50 User_phoneum">9030076615</span></h6> -->
+                                                                </div>
                                                             </div>
                                                         </div>
+                                                        <div class="col-md-3"></div>
+                                                        <div class="col-md-2 col-12 text-end">
+                                                            <a href="#"
+                                                                class="btn bg-gradient-anwi-outline px-4 btn-sm">Edit</a>
+                                                        </div>
                                                     </div>
-                                                    <div class="col-md-3"></div>
-                                                    <div class="col-md-2 col-12 text-end">
-                                                        <a href="#" class="btn bg-gradient-anwi-outline px-4 btn-sm">Edit</a>
-                                                    </div>
-                                               </div>
-                                               <div class="row py-4 justify-content-md-between">
-                                                    <div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
-                                                        <a href="#">
-                                                            <div class="border-0 card text-center">
-                                                                <div class="card-body">
-                                                                    <img src="./dist/assets/imgs/account_warrenty/profile-orders.png" class="w-25 img-fluid"/>
-                                                                    <h6>Orders</h6>
-                                                                    <p class="mb-0 text-secondary">Check your order status</p>
+                                                    <div class="row py-4 justify-content-md-between">
+                                                        <div
+                                                            class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
+                                                            <a href="#">
+                                                                <div class="border-0 card text-center">
+                                                                    <div class="card-body">
+                                                                        <img src="./dist/assets/imgs/account_warrenty/profile-orders.png"
+                                                                            class="w-25 img-fluid" />
+                                                                        <h6>Orders</h6>
+                                                                        <p class="mb-0 text-secondary">Check your order
+                                                                            status</p>
+                                                                    </div>
                                                                 </div>
-                                                            </div>
-                                                        </a>
-                                                    </div>
-                                                    <div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
-                                                        <a href="#">
-                                                            <div class="border-0 card text-center">
-                                                                <div class="card-body">
-                                                                    <img src="./dist/assets/imgs/account_warrenty/profile-collections.png" class="w-25 img-fluid"/>
-                                                                    <h6>Warranty</h6>
-                                                                    <p class="mb-0 text-secondary">All your curated product collections</p>
+                                                            </a>
+                                                        </div>
+                                                        <div
+                                                            class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
+                                                            <a href="#">
+                                                                <div class="border-0 card text-center">
+                                                                    <div class="card-body">
+                                                                        <img src="./dist/assets/imgs/account_warrenty/profile-collections.png"
+                                                                            class="w-25 img-fluid" />
+                                                                        <h6>Warranty</h6>
+                                                                        <p class="mb-0 text-secondary">All your curated
+                                                                            product collections</p>
+                                                                    </div>
                                                                 </div>
-                                                            </div>
-                                                        </a>
-                                                    </div>
-                                                    <div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
-                                                        <a href="#">
-                                                            <div class="border-0 card text-center">
-                                                                <div class="card-body">
-                                                                    <img src="./dist/assets/imgs/account_warrenty/profile-myntra-credit.png" class="w-25 img-fluid"/>
-                                                                    <h6>Anwi Credit</h6>
-                                                                    <p class="mb-0 text-secondary">Manage all your refunds & gift cards</p>
+                                                            </a>
+                                                        </div>
+                                                        <div
+                                                            class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
+                                                            <a href="#">
+                                                                <div class="border-0 card text-center">
+                                                                    <div class="card-body">
+                                                                        <img src="./dist/assets/imgs/account_warrenty/profile-myntra-credit.png"
+                                                                            class="w-25 img-fluid" />
+                                                                        <h6>Anwi Credit</h6>
+                                                                        <p class="mb-0 text-secondary">Manage all your
+                                                                            refunds & gift cards</p>
+                                                                    </div>
                                                                 </div>
-                                                            </div>
-                                                        </a>
-                                                    </div>
-                                                    <!-- <div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
+                                                            </a>
+                                                        </div>
+                                                        <!-- <div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
                                                         <a href="#">
                                                             <div class="border-0 card text-center">
                                                                 <div class="card-body">
@@ -156,112 +172,195 @@
                                                             </div>
                                                         </a>
                                                     </div> -->
-                                                    <div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2 ">
-                                                        <a href="#">
-                                                            <div class="border-0 card text-center">
-                                                                <div class="card-body">
-                                                                    <img src="./dist/assets/imgs/account_warrenty/profile-address.png" class="w-25 img-fluid"/>
-                                                                    <h6>Addresses</h6>
-                                                                    <p class="mb-0 text-secondary">Save addressess for a hassle free checkout</p>
+                                                        <div
+                                                            class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2 ">
+                                                            <a href="#">
+                                                                <div class="border-0 card text-center">
+                                                                    <div class="card-body">
+                                                                        <img src="./dist/assets/imgs/account_warrenty/profile-address.png"
+                                                                            class="w-25 img-fluid" />
+                                                                        <h6>Addresses</h6>
+                                                                        <p class="mb-0 text-secondary">Save addressess
+                                                                            for a hassle free checkout</p>
+                                                                    </div>
                                                                 </div>
-                                                            </div>
-                                                        </a>
-                                                    </div>
-                                                    <div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
-                                                        <a href="#">
-                                                            <div class="border-0 card text-center">
-                                                                <div class="card-body">
-                                                                    <img src="./dist/assets/imgs/account_warrenty/profile-coupons.png" class="w-25 img-fluid"/>
-                                                                    <h6>Coupons</h6>
-                                                                    <p class="mb-0 text-secondary">Manage coupons for additional discounts</p>
+                                                            </a>
+                                                        </div>
+                                                        <div
+                                                            class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
+                                                            <a href="#">
+                                                                <div class="border-0 card text-center">
+                                                                    <div class="card-body">
+                                                                        <img src="./dist/assets/imgs/account_warrenty/profile-coupons.png"
+                                                                            class="w-25 img-fluid" />
+                                                                        <h6>Coupons</h6>
+                                                                        <p class="mb-0 text-secondary">Manage coupons
+                                                                            for additional discounts</p>
+                                                                    </div>
                                                                 </div>
-                                                            </div>
-                                                        </a>
-                                                    </div>
-                                                    <div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
-                                                        <a href="#">
-                                                            <div class="border-0 card text-center">
-                                                                <div class="card-body">
-                                                                    <img src="./dist/assets/imgs/account_warrenty/profile-edit.png" class="w-25 img-fluid"/>
-                                                                    <h6>Profile Details</h6>
-                                                                    <p class="mb-0 text-secondary">Change your profile details & password</p>
+                                                            </a>
+                                                        </div>
+                                                        <div
+                                                            class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
+                                                            <a href="#">
+                                                                <div class="border-0 card text-center">
+                                                                    <div class="card-body">
+                                                                        <img src="./dist/assets/imgs/account_warrenty/profile-edit.png"
+                                                                            class="w-25 img-fluid" />
+                                                                        <h6>Profile Details</h6>
+                                                                        <p class="mb-0 text-secondary">Change your
+                                                                            profile details & password</p>
+                                                                    </div>
                                                                 </div>
-                                                            </div>
-                                                        </a>
+                                                            </a>
+                                                        </div>
                                                     </div>
-                                               </div>
-                                            </div>
-                                        </div>
-                                        <!-- Single Tab Content End -->
-                                        <!-- Single Tab Content Start -->
-                                       
-                                        <!-- Single Tab Content End -->
-                                        <!-- Single Tab Content Start -->
-                                        <div class="tab-pane fade" id="payment-method" role="tabpanel">
-                                            <div class="myaccount-content">
-                                                <h3>Payment Method</h3>
-                                                <p class="saved-message">You Can't Saved Your Payment Method yet.</p>
+                                                </div>
                                             </div>
-                                        </div>
-                                        <!-- Single Tab Content End -->
-                                        <!-- Single Tab Content Start -->
-                                        <div class="tab-pane fade" id="address-edit" role="tabpanel">
-                                            <div class="myaccount-content pb-0">
-                                                <div class="row">
-                                                    <div class="col-md-6 py-md-2">
-                                                        <h3 class="mb-0 border-0 pb-0">Saved Address</h3>
-                                                    </div>
-                                                    <div class="col-md-6 text-end py-md-2">
-                                                        <a href="#" class="btn bg-gradient-anwi-outline btn-sm">+ ADD NEW ADDRESS</a>
-                                                    </div>
+                                            <!-- Single Tab Content End -->
+                                            <!-- Single Tab Content Start -->
+
+                                            <!-- Single Tab Content End -->
+                                            <!-- Single Tab Content Start -->
+                                            <div class="tab-pane fade" id="payment-method" role="tabpanel">
+                                                <div class="myaccount-content">
+                                                    <h3>Payment Method</h3>
+                                                    <p class="saved-message">You Can't Saved Your Payment Method yet.
+                                                    </p>
                                                 </div>
-                                                <address>
-                                                    <p><strong>Alex Tuntuni</strong></p>
-                                                    <p>1355 Market St, Suite 900 <br>
-                                                        San Francisco, CA 94103</p>
-                                                    <p>Mobile: (123) 456-7890</p>
-                                                </address>
-                                                <div class="row border-top">
-                                                    <div class="col-md-6 border-end text-center py-md-2">
-                                                        <a href="#" class="check-btn sqr-btn">Edit Address</a>
+                                            </div>
+                                            <!-- Single Tab Content End -->
+                                            <!-- Single Tab Content Start -->
+                                            <div class="tab-pane fade" id="address-edit" role="tabpanel">
+                                                <div class="myaccount-content">
+                                                        <div class="align-items-center d-flex profile_head py-md-2">
+                                                            <h3 class="mb-0 border-0 pb-0">Address</h3> <a href="#" class="ms-3 address_edit">
+                                                                Edit</a><a href="#" class="ms-3 address_edit_cancel" style="display: none;">
+                                                                    Cancel</a>
+                                                        </div>
+                                                    <div class="p-3 addresslist" style="display: none;">
+                                                        <label class="form-check-label addresslabel w-100" for="address1">
+                                                            <input checked type="radio" id="address1" class="d-none">
+                                                            <div>
+                                                                <div class="row">
+                                                                    <div class="col-sm-6">
+                                                                        <div class="form-floating">
+                                                                            <!-- <input type="number" class="form-control" id="phonenumber"
+                                                                                placeholder="Phone Number"> -->
+                                                                                <input type="number" inputmode="tel" class="form-control" pattern="[1-9]{1}[0-9]{9}^[0-9]*$" onKeyPress="if(this.value.length==10) return false;"maxlength="10"  id="phonenumber" placeholder="Phone Number"  required>
+                                                                            <label for="phonenumber">Phonenumber</label>
+                                                                            <div class="invalid-feedback ">
+                                                                                Please choose a valid Phone Number.
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                    <div class="col-sm-6">
+                                                                        <div class="form-floating">
+                                                                            <input type="text" class="form-control" id="addressdes"
+                                                                                placeholder="Phone Number">
+                                                                            <label for="addressdes">Address </label>
+                                                                            <div class="invalid-feedback ">
+                                                                                Please Enter Your Address.
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
+                                                                <div class="row">
+                                                                    <div class="col-sm-6">
+                                                                        <div class="form-floating">
+                                                                            <input type="number" inputmode="tel" class="form-control" pattern="[1-6]{1}[0-6]{6}^[0-6]*$" onKeyPress="if(this.value.length==6) return false;" maxlength="6"  id="zipcode"
+                                                                                placeholder="Zip Number">
+                                                                            <label for="zipcode">zipcode</label>
+                                                                            <div class="invalid-feedback ">
+                                                                                Please choose a valid zipcode.
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                    <div class="col-sm-6">
+                                                                        <div class="form-floating h-100">
+                                                                            <select name="state" id="state"
+                                                                                class="form-control h-100 pt-2"></select>
+                        
+                                                                            <div class="invalid-feedback ">
+                                                                                Please choose a valid state.
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
+                                                                <div class="py-2">
+                                                                    <div class="text-danger errMsgFormEdit d-none"></div>
+                                                                    <button
+                                                                        class=" saveaddress bg-gradient-anwi  text-white btn btn-sm">
+                                                                        <div class="spinner-border d-none " role="status">
+                                                                           
+                                                                          </div>
+                                                                          <span>Save</span>
+                                                                    </button>
+                                                                    <button
+                                                                        class="Createaddress bg-gradient-anwi  text-white btn btn-sm" style="display: none;">
+                                                                        <div class="spinner-border d-none " role="status">
+                                                                           
+                                                                          </div>
+                                                                          <span>Save</span>
+                                                                    </button>
+                                                                    <button
+                                                                    class=" saveanddeliverCanel ml-2 d-none bg-gradient-anwi text-white btn btn-sm">
+                                                                    <div class="spinner-border d-none " role="status">
+                                                                       
+                                                                      </div>
+                                                                      <span>Cancel</span>
+                                                                </button>
+                                                                </div>
+                                                            </div>
+                                                          
+                                                        </label>
                                                     </div>
-                                                    <div class="col-md-6 text-center py-md-2">
-                                                        <a href="#" class="check-btn sqr-btn">Remove</a>
+                                                    <div class="profile_Address">
+                                                        
                                                     </div>
+                        
                                                 </div>
-                                               
                                             </div>
-                                        </div>
-                                        <div class="tab-pane fade active show" id="orders" role="tabpanel">
-                                            <div class="myaccount-content">
-                                                <h3>Order Details</h3>
-                                                <div class="user_order_details rounded mb-3">
+                                            <div class="tab-pane fade active show" id="orders" role="tabpanel">
+                                                <div class="myaccount-content">
+                                                    <h3>Order Details</h3>
+                                                    <div class="user_order_details rounded mb-3">
+                                                    </div>
                                                 </div>
+
                                             </div>
-                                         
-                                        </div>
-                                        <div class="tab-pane fade" id="warrenty" role="tabpanel">
+                                            <div class="tab-pane fade" id="warrenty" role="tabpanel">
                                                 <div class="myaccount-content">
                                                     <h3>Warranty Order Details</h3>
                                                     <div class="user_orders">
-    
+
                                                     </div>
-                                                    <div class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards d-none">
+                                                    <div
+                                                        class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards d-none">
                                                         <div class="row align-items-center">
                                                             <div class="col-md-3">
-                                                                <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="img-fluid w-75"/>
+                                                                <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png"
+                                                                    class="img-fluid w-75" />
                                                             </div>
                                                             <div class="col-md-9">
                                                                 <div class="row">
                                                                     <div class="col-md-5">
-                                                                        <div>Serail NO: <span class="text-secondary fs-9 serial_no">#7907987897348</span></div>
-                                                                        <div>Purchase Date : <span class="text-secondary fs-9 purchase_date">Feb 1, 2023</span></div>
+                                                                        <div>Serail NO: <span
+                                                                                class="text-secondary fs-9 serial_no">#7907987897348</span>
+                                                                        </div>
+                                                                        <div>Purchase Date : <span
+                                                                                class="text-secondary fs-9 purchase_date">Feb
+                                                                                1, 2023</span></div>
                                                                     </div>
                                                                     <div class="col-md-7">
-                                                                        <div class="fs-9">Warrenty Expairy Date : <span class="bg-warning px-2 fs-9 rounded-2 warrenty_date">Mar 20, 2023</span></div>
+                                                                        <div class="fs-9">Warrenty Expairy Date : <span
+                                                                                class="bg-warning px-2 fs-9 rounded-2 warrenty_date">Mar
+                                                                                20, 2023</span></div>
                                                                         <div class="row">
-                                                                                <div class="col-md-5"> Status :</div>
-                                                                                <div class="col-md-7"> <span class="btn btn-success py-0 fs-9">Running</span></div>
+                                                                            <div class="col-md-5"> Status :</div>
+                                                                            <div class="col-md-7"> <span
+                                                                                    class="btn btn-success py-0 fs-9">Running</span>
+                                                                            </div>
                                                                         </div>
                                                                     </div>
                                                                 </div>
@@ -269,28 +368,40 @@
                                                         </div>
                                                         <div class="p-3">
                                                             <div class="d-none">
-                                                                <button class="btn bg-gradient-anwi-outline me-2">Send Remainder</button>
-                                                                <button class="btn bg-gradient-anwi">Extended warranty History</button>
+                                                                <button class="btn bg-gradient-anwi-outline me-2">Send
+                                                                    Remainder</button>
+                                                                <button class="btn bg-gradient-anwi">Extended warranty
+                                                                    History</button>
                                                             </div>
                                                         </div>
                                                     </div>
-                                                    <div class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards d-none">
-                                                        
+                                                    <div
+                                                        class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards d-none">
+
                                                         <div class="row align-items-center">
                                                             <div class="col-md-3">
-                                                                <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="img-fluid w-75"/>
+                                                                <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png"
+                                                                    class="img-fluid w-75" />
                                                             </div>
                                                             <div class="col-md-9">
                                                                 <div class="row">
                                                                     <div class="col-md-5">
-                                                                        <div class="fs-9">Product ID : <span class="text-secondary fs-9">#7907987897348</span></div>
-                                                                        <div class="fs-9">Purchase Date : <span class="text-secondary fs-9">Feb 1, 2023</span></div>
+                                                                        <div class="fs-9">Product ID : <span
+                                                                                class="text-secondary fs-9">#7907987897348</span>
+                                                                        </div>
+                                                                        <div class="fs-9">Purchase Date : <span
+                                                                                class="text-secondary fs-9">Feb 1,
+                                                                                2023</span></div>
                                                                     </div>
                                                                     <div class="col-md-7">
-                                                                        <div class="fs-9">Warrenty Expairy Date : <span class="bg-warning px-2 fs-9 rounded-2">Mar 20, 2023</span></div>
+                                                                        <div class="fs-9">Warrenty Expairy Date : <span
+                                                                                class="bg-warning px-2 fs-9 rounded-2">Mar
+                                                                                20, 2023</span></div>
                                                                         <div class="row">
                                                                             <div class="col-md-5"> Status :</div>
-                                                                            <div class="col-md-7"> <span class="btn btn-success py-0 fs-9">Running</span></div>
+                                                                            <div class="col-md-7"> <span
+                                                                                    class="btn btn-success py-0 fs-9">Running</span>
+                                                                            </div>
                                                                         </div>
                                                                     </div>
                                                                 </div>
@@ -298,96 +409,210 @@
                                                         </div>
                                                         <div class="p-3">
                                                             <div class="d-none">
-                                                                <button class="btn bg-gradient-anwi-outline me-2">Send Remainder</button>
-                                                                <button class="btn bg-gradient-anwi">Extended warranty History</button>
+                                                                <button class="btn bg-gradient-anwi-outline me-2">Send
+                                                                    Remainder</button>
+                                                                <button class="btn bg-gradient-anwi">Extended warranty
+                                                                    History</button>
                                                             </div>
                                                         </div>
                                                     </div>
                                                 </div>
-                                           
-                                        </div>
-                                        <!-- Single Tab Content End -->
-                                        <!-- Single Tab Content Start -->
-                                        <div class="tab-pane fade" id="account-info" role="tabpanel">
-                                            <div class="myaccount-content">
-                                                <h3>Account Details</h3>
-                                                <div class="account-details-form">
-                                                    <form action="#">
-                                                        <div class="row">
-                                                            <div class="col-lg-6">
-                                                                <div class="single-input-item">
-                                                                    <label for="first-name" class="required">First Name</label>
-                                                                    <input type="text" id="first-name" class="form-control shadow-none rounded-0">
-                                                                </div>
+
+                                            </div>
+                                            <!-- Single Tab Content End -->
+                                            <!-- Single Tab Content Start -->
+                                            <div class="tab-pane fade" id="account-info" role="tabpanel">
+                                                <div class="myaccount-content">
+                                                    <!-- <div class="profile_head">
+                                                        <div class="row align-items-center">
+                                                            <div class="col-md-6 col-6">
+                                                                <h3>Personal Information</h3>
                                                             </div>
-                                                            <div class="col-lg-6">
-                                                                <div class="single-input-item">
-                                                                    <label for="last-name" class="required">Last Name</label>
-                                                                    <input type="text" id="last-name" class="form-control shadow-none rounded-0">
+                                                            <div class="col-md-6 col-6 text-end">
+                                                                <button
+                                                                    class="check-btn Theme_btn rounded">Edit</button>
+                                                                <button
+                                                                    class="check-btn Theme_btn rounded d-none">Cancel</button>
+                                                            </div>
+                                                        </div>
+                                                    </div> -->
+                                                    <div class="profile_head my-4">
+                                                        <div class="row align-items-center">
+                                                            <div class="col-md-6 col-6">
+                                                                <div class="d-flex">
+                                                                    <div class="profile_header">
+                                                                        <h3>Personal Information</h3>
+                                                                    </div>
+                                                                    <div class="edit_sec ms-3">
+                                                                        <span
+                                                                            class="check-btn rounded profile_edit">Edit</span>
+                                                                        <span
+                                                                            class="check-btn rounded profile_edit_cancel"
+                                                                            style="display: none;">Cancel</span>
+                                                                    </div>
                                                                 </div>
+
                                                             </div>
                                                         </div>
-                                                        <div class="single-input-item">
-                                                            <label for="display-name" class="required">Display Name</label>
-                                                            <input type="text" id="display-name" class="form-control shadow-none rounded-0">
+                                                    </div>
+                                                    <div class="account-details-form mt-0">
+                                                        <form action="#">
+                                                            <div class="col-md-6 py-2">
+                                                                <div class="form-floating py-0 ">
+                                                                    <input type="text"
+                                                                        class="form-control shadow-none h-50p profile_info cursor-notvalid text-capitalize"
+                                                                        id="Profile_User_name"
+                                                                        placeholder="Enter Your Name" autocomplete="off"
+                                                                        disabled>
+                                                                    <label for="Profile_User_name"
+                                                                        class="profile_info_label"
+                                                                        style="display: none;">User Name</label>
+                                                                </div>
+                                                            </div>
+
+                                                            <div class="col-md-6 py-2">
+                                                                <div class="form-floating py-0 ">
+                                                                        <input type="number" inputmode="tel"  class="form-control profile_info cursor-notvalid shadow-none h-50p" pattern="[1-9]{1}[0-9]{9}^[0-9]*$" onKeyPress="if(this.value.length==10) return false;"maxlength="10"  id="Profile_Phone_num"   placeholder="Enter Your Number"  disabled>
+                                                                    <label for="Profile_Phone_num"
+                                                                        class="profile_info_label"
+                                                                        style="display: none;">Phone
+                                                                        Number</label>
+                                                                </div>
+                                                            </div>
+                                                            <div class="py-1">
+                                                                <button
+                                                                    class="check-btn Theme_btn rounded profile_save_btn"
+                                                                    style="display: none;" type="button">Save</button>
+                                                            </div>
+                                                            <!-- <div class="row align-items-center">
+                                                                <div class="col-md-4 py-1">
+                                                                    <div class="form-floating py-0 ">
+                                                                        <input type="text"
+                                                                            class="form-control shadow-none h-50p"
+                                                                            id="Profile_User_name"
+                                                                            placeholder="Enter Your Name"
+                                                                            autocomplete="off">
+                                                                        <label for="Profile_User_name">User Name</label>
+                                                                    </div>
+                                                                </div>
+                                                                <div class="col-md-4 py-1">
+                                                                    <div class="form-floating py-0 ">
+                                                                        <input type="text"
+                                                                            class="form-control shadow-none h-50p"
+                                                                            id="Profile_Phone_num"
+                                                                            placeholder="Enter Your Number"
+                                                                            autocomplete="off">
+                                                                        <label for="Profile_Phone_num">Phone
+                                                                            Number</label>
+                                                                    </div>
+                                                                </div>
+                                                                <div class="col-md-4 py-1">
+                                                                    <button
+                                                                        class="check-btn Theme_btn rounded d-none">Save</button>
+                                                                </div>
+                                                            </div> -->
+                                                        </form>
+                                                    </div>
+                                                    <div class="profile_head my-4">
+                                                        <div class="row align-items-center">
+                                                            <div class="col-md-6 col-6">
+                                                                <div class="d-flex">
+                                                                    <div class="profile_header">
+                                                                        <h3>Password</h3>
+                                                                    </div>
+                                                                    <div class="edit_sec ms-3">
+                                                                        <span
+                                                                            class="check-btn rounded pass_edit">Edit</span>
+                                                                        <span class="check-btn rounded pass_edit_cancel"
+                                                                            style="display: none;">Cancel</span>
+                                                                    </div>
+                                                                </div>
+
+                                                            </div>
                                                         </div>
-                                                        <!-- <div class="single-input-item">
-                                                            <label for="email" class="required">Email Addres</label>
-                                                            <input type="email" id="email" class="form-control shadow-none rounded-0">
-                                                        </div> -->
-                                                        <div class="form-floating py-0 ">
-                                                            <input type="email" class="form-control shadow-none h-50p"
-                                                                id="email" placeholder="Email address"
-                                                                autocomplete="off">
-                                                            <label for="email">Email address</label>
+                                                    </div>
+                                                    <div class="account-details-form mt-0">
+                                                        <div class="col-md-6">
+                                                            <div class="profilepass_feedbackres"></div>
                                                         </div>
-                                                        <fieldset>
-                                                            <legend>Password change</legend>
-                                                         
-                                                            <div class="form-floating py-0 mb-3 ">
-                                                                <input type="password" class="form-control shadow-none h-50p"
-                                                                    id="current-pwd" placeholder="Email address"
-                                                                    autocomplete="off">
-                                                                <label for="current-pwd" class="required">Current Password</label>
+                                                        <form action="#">
+                                                            <div class="col-md-6 py-2">
+                                                                <div class="form-floating py-0 ">
+                                                                    <input type="password"
+                                                                        class="form-control shadow-none profile_info_pass cursor-notvalid h-50p"
+                                                                        id="Profile_User_current_pass"
+                                                                        placeholder="Enter Current Password"
+                                                                        autocomplete="off" disabled>
+                                                                    <label for="Profile_User_current_pass">Current
+                                                                        Password</label>
+                                                                    <div class="invalid-feedback">
+                                                                        Please Enter Current Password !
+                                                                    </div>
+                                                                </div>
                                                             </div>
-                                                            <div class="row">
-                                                                <div class="col-lg-6">
-                                                                    <div class="form-floating ">
-                                                                        <input type="password" id="new-pwd" class="form-control shadow-none rounded-0">
-                                                                        <label for="new-pwd" class="required">New Password</label>
+                                                            <div class="col-md-6 py-2">
+                                                                <div class="form-floating py-0 ">
+                                                                    <input type="password"
+                                                                        class="form-control shadow-none profile_info_pass cursor-notvalid h-50p"
+                                                                        id="Profile_User_new_pass"
+                                                                        placeholder="Enter New Password"
+                                                                        autocomplete="off" disabled>
+                                                                    <label for="Profile_User_new_pass">New
+                                                                        Password</label>
+                                                                    <div class="invalid-feedback">
+                                                                        Please Enter Correct Password !
                                                                     </div>
                                                                 </div>
-                                                                <div class="col-lg-6">
-                                                                    <div class="single-input-item">
-                                                                        <label for="confirm-pwd" class="required">Confirm Password</label>
-                                                                        <input type="password" id="confirm-pwd" class="form-control shadow-none rounded-0">
+                                                            </div>
+                                                            <div class="col-md-6 py-2">
+                                                                <div class="form-floating py-0 ">
+                                                                    <input type="text"
+                                                                        class="form-control shadow-none profile_info_pass cursor-notvalid h-50p"
+                                                                        id="Profile_User_confirm_pass"
+                                                                        placeholder="Enter Confirm Password"
+                                                                        autocomplete="off" disabled>
+                                                                    <label for="Profile_User_confirm_pass">Confirm
+                                                                        Password</label>
+                                                                    <div class="invalid-feedback">
+                                                                        Please Enter Correct Password !
                                                                     </div>
                                                                 </div>
                                                             </div>
-                                                        </fieldset>
-                                                        <div class="single-input-item">
-                                                            <div class="row align-items-center">
-                                                                <div class="col-md-6 col-6 text-center">
-                                                                    <button class="check-btn sqr-btn ">Save Changes</button>
+
+                                                            <!-- <div class="col-md-9 py-2 d-flex align-items-center">
+                                                                    <div class="col-md-3">
+                                                                    <div class="input_label fw-500">Confirm password</div>
                                                                 </div>
-                                                                <div class="col-md-6 col-6 text-center">
-                                                                    <button class="check-btn sqr-btn ">Edit Profile</button>
+                                                                <div class="col-md-6">
+                                                                    <div class="form-floating py-0 ">
+                                                                        <input type="text"
+                                                                            class="form-control shadow-none h-50p"
+                                                                            id="Profile_User_confirm_pass"
+                                                                            placeholder="Enter Confirm Password"
+                                                                            autocomplete="off">
+                                                                        <label for="Profile_User_confirm_pass">Confirm Password</label>
+                                                                    </div>
                                                                 </div>
+                                                                </div> -->
+                                                            <div class="py-2">
+                                                                <button
+                                                                    class="check-btn Theme_btn rounded update_profile_pass"
+                                                                    style="display: none;" type="button">Update
+                                                                    Password</button>
                                                             </div>
-                                                        </div>
-                                                    </form>
+                                                        </form>
+                                                    </div>
                                                 </div>
-                                            </div>
-                                        </div> <!-- Single Tab Content End -->
-                                    </div>
-                                </div> <!-- My Account Tab Content End -->
-                            </div>
-                        </div> <!-- My Account Page End -->
+                                            </div> <!-- Single Tab Content End -->
+                                        </div>
+                                    </div> <!-- My Account Tab Content End -->
+                                </div>
+                            </div> <!-- My Account Page End -->
+                        </div>
                     </div>
                 </div>
             </div>
-        </div>
-      </section>
+        </section>
     </main>
     <!-- footer -->
     <div id="footer-head"></div>
@@ -414,7 +639,7 @@
     <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 --> 
+    <!-- Main JS -->
     <script src="./dist//toaster/toastr.js"></script>
     <!-- <script src="./dist/js/auth/apiservice.js"></script> -->
     <script src="./dist/js/localstorage/loginauthlocal.js"></script>
@@ -423,51 +648,54 @@
     <script src="./dist/js/myaccount/orderdetails.js"></script>
     <script src="./dist/js/myaccount/myaccount_warrenty.js"></script>
     <script src="./dist/js/myaccount/Myaccount.js"></script>
+    <script src="./dist/js/myaccount/Profile.js"></script>
+    <script src="./dist/js/myaccount/Address.js"></script>
+    <script src="./libs/select2/select2.js"></script>
     <script src="./dist/js/main.js"></script>
 
 
     <script>
-        $(document).ready(function() {
-            let Userpassword_update =window.localStorage.getItem('Ispasswordupdate')
-        if(Userpassword_update == 'true'){
-            toasteropts()
-            Command: toastr["success"]("Password Updated Successfully");
-            window.localStorage.removeItem('Ispasswordupdate')
-            return
-        }
-    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"
-    }
-    }
-});
-        $(".order-cards").each(function(){
-            $(".order-cards").css("cursor","pointer")
-            $(this).click(function(){
+        $(document).ready(function () {
+            let Userpassword_update = window.localStorage.getItem('Ispasswordupdate')
+            if (Userpassword_update == 'true') {
+                toasteropts()
+                Command: toastr["success"]("Password Updated Successfully");
+                window.localStorage.removeItem('Ispasswordupdate')
+                return
+            }
+            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"
+                }
+            }
+        });
+        $(".order-cards").each(function () {
+            $(".order-cards").css("cursor", "pointer")
+            $(this).click(function () {
                 window.location.href = "./orderdetails.html";
             })
         })
-        $('.User_logout').click(function(){
+        $('.User_logout').click(function () {
             window.localStorage.removeItem("Useremail");
-            window.localStorage.removeItem("Userpassword"); 
-            window.localStorage.setItem('Isloggedin',false)
+            window.localStorage.removeItem("Userpassword");
+            window.localStorage.setItem('Isloggedin', false)
             COOKIE_HELPER_ACTIONS.removeAuthCookie();
         })
-        
+
     </script>
 </body>
 

orderdetails.html

@@ -180,7 +180,9 @@
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/js/jquery.min.js"></script>
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
-    <script src="./dist/js/navbar.js"></script>
+    <script src="./dist/js/components/authloader/authloader.js"></script>
+    <script src="./dist/js/auth/apiservice.js"></script>
+    <script src="./libs/cookies.min.js"></script>
     <script src="./libs/axios.min.js"></script>
     <script src="./dist/js/footer.js"></script>
     <script src="./libs/cookies.min.js"></script>
@@ -199,6 +201,7 @@
     <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>
+    <script src="./dist/js/navbar.js"></script>
     <script src="./dist/js/orderDetails/order_summary.js"></script>
     <!-- Main JS -->
     <script src="./dist/js/main.js"></script>

ramproducts.html

@@ -60,7 +60,8 @@
         </section>
         <section class="position-relative bg-black">
             <!-- <img src="./dist/assets/imgs/allin_imgs/ssd_img.png" class="img-fluid w-100" alt="ssd_img"/> -->
-            <iframe src="https://player.vimeo.com/video/816131155?h=4667fd18e1&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1" width="1536px" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
+            <iframe src="https://player.vimeo.com/video/821425902?h=d2d8572f26&amp&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1" width="1536px" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
+            <!-- <iframe src="https://player.vimeo.com/video/816131155?h=4667fd18e1&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1" width="1536px" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> -->
         <!-- <div class="position-fixed text-white volume_btn" style="right:35px;bottom:20px">
             <p class="mb-0 d-none bg-blue p-2 px-3 rounded-circle shadow" id="mute"><i class="fa-solid fa-volume-low"></i></p>
             <p class="bg-blue mb-0 p-2 px-3 rounded-circle shadow" id="unmute"><i class="fa-sharp fa-volume-xmark"></i></p>