anwi_website/dist/js/orderconfirmation.js

function orderConfirmation(){
    init();
    function init(){
        addFullLoader();
        getOrderStatus();
    }

    function orderlistsummary({name,price,qty,total,img}){
        let priceAmt = '';
        let totalAmt = '';

        let defaultImg =img ? imgServerNameBuild(img): `./dist/assets/imgs/nophoto.png`;

debugger;
        
        let [priceSysm,priceamt] = getCurrencySymbol(price)
        priceAmt = `${priceSysm}${priceamt}`
        

        
        let [qtySymb,qtyamt] = getCurrencySymbol(qty*price)
       

        totalAmt = `${qtySymb}${qtyamt}`

        return `<div class="col-sm-4">
     <div style="max-width:200px">   <img src="${defaultImg}" alt="" class="w-100 h-100">   </div>
    </div>
    <div class="col-sm-8 d-flex flex-column justify-content-center">
        <div class="itemname"><span class="font-weight-500">${name}</span></div>
        <div> <span>Unit Price :</span><span class="font-weight-500">${priceAmt}</span> </div>
        <div> <span>Quantity :</span><span class="font-weight-500">${qty}</span> </div>
        <div> <span>Total Amount :</span>  <span class="font-weight-500">${totalAmt}</span></div>
    </div>`;

        return `
        <div class="row">
                            <div class="col-4">
                                <div class="row">
                                    <div class="col-6">
                                        <img class="w-100 h-100" src="http://127.0.0.1:5504/dist/assets/imgs/Navbar/Accessiories-2.png" alt="">
                                    </div>
                                    <div class="col-6 d-flex justify-content-center align-items-center">
                                        <div class="itemname">${name}</div>
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                ${priceAmt}
                            </div>
                            <div class="col-2 d-flex align-items-center justify-content-center">
                               ${qty}
                            </div>
                            <div class="col-3 text-end">
                               ${totalAmt}
                             </div>
                        </div>`;
    }

    function addFullLoader(){
        document.querySelector('auth-loader').show();
    }

    function removeFullLoader(){
        document.querySelector('auth-loader').hide();
    }

    async function getOrderStatus(){
       
        const searchParams = window.location.search.split('&');
        let orderId = searchParams[0].split('=')[1];

        debugger;
        let orderRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/hyperfusionpaymentgateway/gethyperfusionpaymentdetails/orderid/${orderId}`);
        if(orderRes.isError){
            removeFullLoader();
            return;
        }
        console.log(orderRes);
        //payment_group
       
        orderRes = JSON.parse(orderRes.response.result)[0];
        $('.paymentmethodconfirm').html(orderRes.payment_group)
        if(orderRes.payment_status === 'FAILED'){
            $('.ordercontainerconfirmError').removeClass('d-none');
            $('.successorderconfirm').addClass('d-none');
            removeFullLoader();
            return;
        }
      
        const res =  await API_SERVICES_ACTIONS.postAPIService(`apis/v4/bizgaze/transact/orders/updatepaymenttransactionstatus/refid/${orderId}`,null);

        console.log(res,'ress');

        if(res.isError){
            console.log(res);
            $('.ordercontainerconfirmError').removeClass('d-none');
            $('.successorderconfirm').addClass('d-none');
            removeFullLoader();
            return;
        }


        if(!res.response.message.toLowerCase().includes('success')){
            console.log(res);
            $('.ordercontainerconfirmError').removeClass('d-none');
            $('.successorderconfirm').addClass('d-none');
            removeFullLoader();
            return;
        }

        let resData = JSON.parse(res.response.result);

        const {NetTotal,TaxAmount,OrderItems,CreatedDate,OrderNo
        } = resData;
        let [netcurrencySymbol,netamount] = getCurrencySymbol(NetTotal);    
        $('.totalordersummary').html(`${netcurrencySymbol}${netamount}`);

       {
        let [ordercurrencySymbol,orderamount] = getCurrencySymbol(TaxAmount);
        $('.totaltaxsummary').html(`${ordercurrencySymbol}${orderamount}`);
       }

       let orderItemsListHTML = '';

       for(let i=0;i<OrderItems.length;i++){
        const {ItemName:name,UnitPrice:price,Quantity:qty,UnitPrice:total,ItemImage:img} = OrderItems[i];
        debugger;
        orderItemsListHTML += orderlistsummary({
            name,
            price,
            qty,
            total,
            img
        });
       }
       let userData = COOKIE_HELPER_ACTIONS.getCookie();
       let {name} = userData;
       $('.username').html(name);
       $('.orderlistconfirm').html(orderItemsListHTML);

       $('.createdDateConfirm').html(CreatedDate);

       $('.ordernumber').html(OrderNo);
debugger;
       localStorage.removeItem(CART_DATA)

       setLengthCart();
       removeFullLoader();
        console.log(resData);

    }


   
}

    
checkValidAuth(orderConfirmation)