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/${106631380000075}/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')
    }
  }

  $('.supportBtn').click(function (e){
    let parentEl = $(e.target).parents('.card-body');
    debugger;
    const orderName = $(parentEl).find('.ordernameModal').text();


    $('.modalitemname').text(orderName);

    const orderQty = $(parentEl).find('.orderqtymodalinfo').text();
    const orderPrice = $(parentEl).find('.order_price').text();
    const [symbol,price] = getCurrencySymbol(orderPrice)
    $('.modalitemqty').html(orderQty);
    $('.modalprice').html(`${symbol} ${price}`);
    console.log(orderName);
  });

  $('.warrantybtn').click(function (e){
    let parentEl = $(e.target).parents('.card-body');
    debugger;
    const orderName = $(parentEl).find('.ordernameModal').text();

    $('#warrenymodalname').html(orderName);
  });

  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 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 data-bs-toggle="modal" data-bs-target="#exampleModalwarrenty" class=" bg-gradient-anwi-outline btn-sm  btn warrantybtn ">Claim warranty</button> <button data-bs-toggle="modal" data-bs-target="#exampleModalsupport" class="supportBtn 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"><span ><span class="ordernameModal">${order.itemname}</span>  (<span class="orderqtymodalinfo">${order.Quantity}</span> items)</span><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>`;
  }





  async function supportModalInit(){
    $.fn.modal.Constructor.prototype.enforceFocus = function() {};
    let ticketGroupRes =  await API_SERVICES_ACTIONS.getAPIService(`apis/v4/anwisystems/integrations/anwiauth/getticketgoups`);


    if(ticketGroupRes.isError){
      console.log(ticketGroupRes.errorMsg);
      return;
    }


    ticketGroupRes = JSON.parse(ticketGroupRes.response.result);

    console.log(ticketGroupRes);

 

    let htmlTGroup = '';
    for (let i = 0; i < ticketGroupRes.length; i++) {
      htmlTGroup += `<option value="${ticketGroupRes[i].ticketgroupid}" data-id="${ticketGroupRes[i].ticketgroupid}">${ticketGroupRes[i].ticketgroupname}</option>`
    }

    $('#supportgroups').html(htmlTGroup);

    // priopty

    let prioritiesRes =  await API_SERVICES_ACTIONS.getAPIService(`apis/v4/anwisystems/integrations/anwiauth/getticketpriorities`);

    if(prioritiesRes.isError){
      console.log(prioritiesRes.errorMsg);
      return;
    }


    prioritiesRes = JSON.parse(prioritiesRes.response.result);

    console.log(prioritiesRes,'prioritiesRes');

    
    let htmlTpriorites = '';
    for (let i = 0; i < prioritiesRes.length; i++) {
      htmlTpriorites += `<option value="${prioritiesRes[i].priorityid}" data-id="${prioritiesRes[i].priorityid}">${prioritiesRes[i].priorityname}</option>`
    }

    $('#supportlevel').html(htmlTpriorites);

      

  }


  supportModalInit();
}
order_summary()