function resetPaymentDetails(){paymentDetails.amount=undefined;paymentSelection.method=undefined;paymentSelection.issuerId=undefined;paymentDetails.provider=undefined}function getPaymentDetailsUrlParameters(){return`/${paymentSelection.methodId}/${paymentSelection.issuerId}/${paymentDetails.currency}/${paymentDetails.amount}/${paymentDetails.description}/${paymentDetails.orderId}/${paymentDetails.componentId}?laid=${paymentDetails.laid}&callbacks=${paymentDetails.callbacks}&provider=${paymentDetails.provider}&webCheckoutSettings=${paymentDetails.webCheckoutSettings}`}function showPaymentContainer(n,t,i,r,u,f,e,o,s,h,c,l,a){paymentDetails.provider=n;paymentDetails.currency=t;paymentDetails.currencySymbol=i;paymentDetails.amount=r;paymentDetails.buttonNav=l;paymentDetails.methods=JSON.parse(u);paymentDetails.issuers=JSON.parse(f);paymentDetails.description=e;paymentDetails.orderId=o;paymentDetails.componentId=s;paymentDetails.laid=h;paymentDetails.callbacks=c;paymentDetails.webCheckoutSettings=a;n===undefined||n==="cmPayments"?(createPaymentContainer(paymentDetails.methods,paymentDetails.issuers),$("body").css({overflow:"hidden"}),$("#paymentContainer").show()):n==="webCheckout"&&(paymentSelection.methodId=0,paymentSelection.issuerId=0,navigateToWebCheckout())}function navigateToWebCheckout(){window.location=`${paymentDetails.buttonNav}`+`${getPaymentDetailsUrlParameters()}`}function createPaymentContainer(n,t){$("body").append(`
        <div class="payments" id="paymentContainer" hidden>
            <div class="row payment-header">
                <div class="col-2 back-button">
                    <button class="btn btn-secondary-icon" id="paymentContainerBackButton">
                        <span class="cm-icon cm-icon-previous" aria-hidden="true"></span>
                    </button>
                </div>
                <div class="col-8 text-center">
                    <span class="payment-header-title">${paymentDetails.currencySymbol} ${paymentDetails.amount}</span>
                </div>
                <div class="col-2"></div>
            </div>
            <div class="row" id="paymentMethodContainer">
                <div class="col-12 text-center title">Select payment method</div>
                <div class="row card-wrapper" id="paymentMethodCardWrapper"></div>
            </div>
            <div class="row" id="paymentIssuerContainer">
                <div class="col-12 paymentIssuerWrapper">
                    <img id="paymentMethodSelectedImg">
                    <span class="title" id="paymentMethodSelectedText"></span>
                </div>    
                <div class="row card-wrapper" id="paymentIssuerCardWrapper"></div>
            </div>
            <div class="row">
                <div class="col-12 text-center payment-footer">
                    Your payment details will be secured and encrypted
                </div>
            </div>
        </div>
        <div id="paymentSpinner">
            <div class="spinnerModal">
                <cm-indicator class="lobbySpinner" data-type="apple"></cm-indicator>
                <p>Een moment geduld, uw aanvraag wordt verwerkt.</p>
                <p>One minute, we are working on your request.</p>
            </div>
        </div>
    `);$.each(n,(n,t)=>{$("#paymentMethodCardWrapper").append(`
                <div class="card-container row">
                    <div class="card col-12 p-0">
                        <button class="btn btn-secondary-icon-text col-12" id="${t.ID}">
                            <img src="/Content/paymentMethods/${t.Name}.svg" alt="${t.Name}" />
                            <span class="p-l-0">${t.Name}</span>
                        </button>
                    </div>
                </div>
            `);$(`#${t.ID}`).on("click",()=>{setSelectedPaymentMethod(t),showPaymentIssuerContainer()})});$.each(t,(n,t)=>{$("#paymentIssuerCardWrapper").append(`
                 <div class="card-container row">
                    <div class="card col-12 p-0">
                        <button class="btn btn-secondary-icon-text col-12" id="${t.ID}">
                            <img src="/Content/paymentBanks/${t.ID}.svg" alt="${t.Name}" />
                            <span class="p-l-0">${t.Name}</span>
                        </button>
                    </div>
                </div>
            `);$(`#${t.ID}`).on("click",()=>{paymentSelection.issuerId=t.ID,document.getElementById("paymentSpinner").style.display="flex",window.location=`${paymentDetails.buttonNav}`+`${getPaymentDetailsUrlParameters()}`})});n.length>1?showPaymentMethodContainer():(setSelectedPaymentMethod(n[0]),showPaymentIssuerContainer());$("#paymentContainerBackButton").on("click",()=>navigateBack())}function setSelectedPaymentMethod(n){paymentSelection.methodId=n.ID;$("#paymentMethodSelectedText").text(`${n.Name} - select a bank`);$("#paymentMethodSelectedImg").attr("src",`/Content/paymentMethods/${n.Name}.svg`);$("#paymentMethodSelectedImg").attr("alt",n.Name)}function showPaymentMethodContainer(){$("#paymentIssuerContainer").hide();$("#paymentMethodContainer").show()}function showPaymentIssuerContainer(){$("#paymentMethodContainer").hide();$("#paymentIssuerContainer").show()}function navigateBack(){paymentSelection.methodId===undefined||paymentDetails.methods.length<2?($("body").css({overflow:"visible"}),$("#paymentContainer").remove(),resetPaymentDetails()):showPaymentMethodContainer()}function validateInput(n,t,i){if(Number(i.value)<n){i.value=Number(n).toFixed(2);return}if(Number(i.value)>t){i.value=Number(t).toFixed(2);return}i.value=Number(i.value).toFixed(2);return}var paymentDetails={provider:undefined,currency:undefined,currencySymbol:undefined,amount:undefined,methods:undefined,issuers:undefined,buttonNav:undefined,description:undefined,orderId:undefined,componentId:undefined,laid:undefined,callbacks:undefined,webCheckoutSettings:undefined},paymentSelection={methodId:undefined,issuerId:undefined}