anwi_website/dist/Js/orderDetails/order_summary.js

async function order_summary(){

  let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
  let { userId} = cookieRes;
    // let res = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/${userId}`,true);
    // https://templateserver.bizgaze.com/apis/v4/bizgaze/integrations/products/getordersbyid/organizationid/{organizationid}/orderno/{orderno}
    let orderno = window.location.hash.split('#')[1];
    let res = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getordersbyid/organizationid/${userId}/orderno/${orderno}`);
    if(res.isError){
      return;
    }
    const orderDetailsres = JSON.parse(res.response.result);

    let new_arrr = orderDetailsres;
    console.log(new_arrr)
    let orderNumber =window.location.hash.split('#')[1];
  let filteredOrders = new_arrr.filter(function(order) {
    return order.OrderNo === orderNumber;
  });

  for(let i=0;i<filteredOrders.length;i++){
    let order = filteredOrders[i];
    let Delivery_status =order.stageshortcode
    let deliverdCard=appendItemHTML(order);
    $('.deliverd-card').append(deliverdCard)
    if(Delivery_status == 'CMD'){
        $('.delivery_status').html('Deliverd')
    }
    if(Delivery_status == 'APL'){
        $('.delivery_status').html('Approval')
    }
  }

  let summary =`<div class=card-body><div><p class="mb-0 fw-500">Order : <span>${orderNumber}</span><small class=" "> ( ${filteredOrders.length} items )</samll><p class="mb-0 ">Order placed on ${filteredOrders[0].OrderDate}</p></div>`;

  $('.Order_details_section  .order_tax').html(filteredOrders[0].taxamount)
  $('.Order_details_section .Order_total').html(filteredOrders[0].nettotal)
  $('.Order_details_section  .order_price').html(filteredOrders[0].assessableamount)
  $('.Order_details_section  .order-summary').html(summary);

  $('.back_to_orders').click(function(){
      $(this).attr('href','./myaccount.html')
  });

  function appendItemHTML(order){
    return `<div class="card rounded-0 border-0 bg-white mb-3 "><div class=card-body><div class="align-items-center row"><div class=col-md-6><div class=d-flex><img class=img-fluid src=""></div><div class="d-flex align-items-center"><div class="text-secondary">Delivery Status : </div><div class=" delivery_status text-blue fw-600" data-status="${order.stageshortcode}"></div></div></div><div class="col-md-6 text-end"><button class=" bg-gradient-anwi-outline btn-sm  btn ">Claim warranty</button> <button class=" bg-gradient-anwi-outline btn-sm btn ">Support</button></div></div><div><small class=" text-secondary me-2">Delivered To : </small><small class="fw-600 user_name">${order.OrganizationName}</div><div class="row pb-4 pb-md-0 align-items-center"><div class="col-md-4 text-center"><img class="img-fluid order_img w-75"src=https://appassets.bizgaze.app/${order.imageurl}></div><div class="col-md-8 position-relative"><small class=" mb-0 order_itemname">${order.itemname}  (${order.Quantity} items)<small class=" align-items-center d-flex fw-600 mb-3"><svg class="bi bi-currency-rupee"fill=currentColor height=16 viewBox="0 0 16 16"width=16 xmlns=http://www.w3.org/2000/svg><path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path></svg><small class="order_price fs-6">${order.itemtotal}</small><p class=" mb-0 close_exchange position-absolute d-none text-secondary">Return/Exchange window closed on Friday,24 March <a class=text-primary href=#>Why?</a></div></div></div></div>`;
  }
}
order_summary()