<mvt:if expr="g.Previous_Screen EQ 'OSEL'">
<mvt:item name="customfields" param="Write_Basket('order_instructions', g.order_instructions)" />
<mvt:else>
<mvt:item name="customfields" param="Read_Basket('order_instructions', g.order_instructions)" />
</mvt:if>
<mvt:foreach array="payment:fields" iterator="field">
<mvt:if expr="l.settings:field:code CIN 'cc_fname,cc_lname,cc_name,cc_number,cc_exp,cvv'">
<mvt:assign name="l.settings:payment:proxy:active" value="1" />
</mvt:if>
<mvt:if expr="l.settings:field:code CIN 'cc_fname,cc_lname'">
<mvt:assign name="l.settings:payment:proxy:cc_name_split:active" value="1" />
<mvt:elseif expr="l.settings:field:code CIN 'cc_name'">
<mvt:assign name="l.settings:payment:proxy:cc_name_full:active" value="1" />
<mvt:elseif expr="l.settings:field:code EQ 'cc_number'">
<mvt:assign name="l.settings:payment:proxy:cc_number:active" value="1" />
<mvt:elseif expr="l.settings:field:code EQ 'cc_exp'">
<mvt:assign name="l.settings:payment:proxy:cc_exp:active" value="1" />
<mvt:elseif expr="l.settings:field:code EQ 'cvv' OR l.settings:field:code EQ 'cc_cvv'">
<mvt:assign name="l.settings:payment:proxy:cvv:active" value="1" />
</mvt:if>
</mvt:foreach>
<mvt:item name="html_profile" />
<head>
<mvt:if expr="NOT ISNULL l.settings:page:title">
<title>&mvt:page:title;</title>
<mvt:else>
<title>&mvt:store:name;: &mvt:page:name;</title>
</mvt:if>
<mvt:item name="head" param="head_tag" />
<mvt:if expr="l.settings:payment:capabilities:split">
<script type="text/javascript">
function AmountType_Changed( amounttype ){
var balance_amount, amount, additional;
balance_amount = document.getElementById( 'payment-balance-amount' );
amount = document.getElementById( 'payment-amount' );
additional = document.getElementById( 'payment-additional' );
if ( amounttype === 'total' )
{
amount.disabled = true;
additional.style.display = 'none';
if ( balance_amount )
{
balance_amount.disabled = true;
}
}
else if ( amounttype === 'balance' )
{
amount.disabled = true;
additional.style.display = '';
if ( balance_amount )
{
balance_amount.disabled = false;
}
}
else if ( amounttype === 'partial' )
{
amount.disabled = false;
additional.style.display = '';
if ( balance_amount )
{
balance_amount.disabled = true;
}
}
}
</script>
</mvt:if>
</head>
<body id="js-&mvte:page:code;" class="<mvt:eval expr="tolower(l.settings:page:code)" /> single-column">
<mvt:item name="hdft" param="global_header" />
<mvt:item name="html_profile" />
<div class="row hdft-header">
<mvt:item name="hdft" param="header" />
</div>
<div class="row bg-white bottom-shadow main-content-row">
<div class="column whole large-seven-twelfths large-nrp">
<mvt:item name="readytheme" param="contentsection( 'checkout_steps' )" />
<h1>Payment</h1>
<form method="post" action="&mvt:payment:url;" id="js-opay-form" class="clearfix">
<input type="hidden" name="Action" value="AUTH" />
<input type="hidden" name="Screen" value="INVC" />
<input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" />
<mvt:item name="payment" />
<mvt:if expr="NOT l.settings:payment:proxy:active OR ( l.settings:paymentsettings:mivapay:enabled AND ( l.settings:mivapay:paymentcardtype:id OR l.settings:mivapay:paymentcard:id ) )">
<input type="hidden" name="PaymentMethod" value="&mvte:global:PaymentMethod;" />
</mvt:if>
<input type="hidden" name="SplitPaymentData" value="&mvte:global:SplitPaymentData;" />
<input type="hidden" name="PaymentDescription" value="&mvte:payment:desc;" />
<mvt:comment><div class="row">
<p class="column whole h4 fields-heading uppercase">Payment Method: &mvt:payment:desc;</p>
</div></mvt:comment>
<div class="row">
<mvt:if expr="l.settings:paymentsettings:mivapay:enabled AND ( l.settings:mivapay:paymentcardtype:id OR l.settings:mivapay:paymentcard:id )">
<div class="column whole">
<mvt:item name="mivapay" />
</div>
<mvt:elseif expr="'brain' CIN g.PaymentMethod">
<mvt:foreach array="payment:fields" iterator="field">
<div class="column whole">
<mvt:item name="payment" param="field:code" />
</div>
</mvt:foreach>
<mvt:else>
<div class="column whole medium-four-fifths">
<mvt:if expr="NOT ISNULL l.settings:payment:desc">
<span class="bold"></span>
</mvt:if>
<mvt:if expr="NOT ISNULL l.settings:payment:message">
<p class="column whole">&mvt:payment:message;</p>
</mvt:if>
<mvt:comment>
<!--
<mvt:foreach array="payment:fields" iterator="field">
<div id="js-&mvt:field:code;" class="form-row">
<mvt:if expr="l.settings:field:invalid">
<label class="required error">&mvt:field:prompt;</label>
<mvt:else>
<label class="required">&mvt:field:prompt;</label>
</mvt:if>
<div class="&mvt:field:code;"><mvt:item name="payment" param="field:code" /></div>
</div>
</mvt:foreach>
-->
</mvt:comment>
<div id="payment-fields">
<mvt:foreach array="payment:fields" iterator="field">
<div class="form_row payment-field-row payment-field-row-&mvte:field:code;" data-code="&mvte:field:code;" data-invalid="&mvte:field:invalid;" data-prompt="&mvte:field:prompt;">
<mvt:if expr="l.settings:field:invalid">
<label class="bold red">&mvt:field:prompt;</label>
<mvt:else>
<label class="bold">&mvt:field:prompt;</label>
</mvt:if>
<mvt:item name="payment" param="field:code" />
</div>
</mvt:foreach>
</div>
<mvt:if expr="l.settings:payment:proxy:active">
<div class="proxy-payment-fields" style="display: none;">
<mvt:if expr="l.settings:payment:proxy:cc_name_full:active">
<div class="form-row proxy-payment-field-row">
<div class="floating-placeholder">
<input type="text" id="l-cc_name" class="proxy-input proxy-input-cc_name" data-code="cc_name" class="input">
<label for="l-cc_name">Name on Card</label>
</div>
</div>
</mvt:if>
<mvt:if expr="l.settings:payment:proxy:cc_name_split:active">
<div class="form-row proxy-payment-field-row">
<div class="row">
<div class="column half">
<div class="floating-placeholder">
<input type="text" id="l-cc_fname" class="proxy-input proxy-input-cc_fname" data-code="cc_fname" class="input">
<label for="l-cc_fname">First Name</label>
</div>
</div>
<div class="column half">
<div class="floating-placeholder">
<input type="text" id="l-cc_lname" class="proxy-input proxy-input-cc_lname" data-code="cc_lname" class="input">
<label for="l-cc_lname">Last Name</label>
</div>
</div>
</div>
</div>
</mvt:if>
<mvt:if expr="l.settings:payment:proxy:cc_number:active">
<div class="form-row proxy-payment-field-row">
<div class="floating-placeholder">
<input type="text" id="l-cc_number" class="proxy-input proxy-input-cc_number" data-code="cc_number" class="input">
<label for="l-cc_number">Card Number</label>
</div>
</div>
<div class="form-row payment-method-selectors">
<mvt:foreach array="paymentmethods" iterator="method">
<mvt:if expr="l.settings:method:module NE gettoken( g.PaymentMethod, ':', 1 )">
<mvt:foreachcontinue/>
</mvt:if>
<mvt:assign name="l.paymentmethod_counter" value="l.paymentmethod_counter + 1" />
<mvt:if expr="l.paymentmethod_counter EQ 1">
<mvt:assign name="l.settings:method:checked" value="'checked'" />
<mvt:else>
<mvt:assign name="l.settings:method:checked" value="''" />
</mvt:if>
<mvt:if expr="'am' CIN l.settings:method:code OR 'ax' CIN l.settings:method:code OR '003' CIN l.settings:method:code">
<mvt:assign name="l.settings:method:image" value="g.theme_path $ '/images/icons/logo_amex.png'" />
<mvt:elseif expr="'vi' CIN l.settings:method:code OR '001' CIN l.settings:method:code">
<mvt:assign name="l.settings:method:image" value="g.theme_path $ '/images/icons/logo_visa.png'" />
<mvt:elseif expr="'mc' CIN l.settings:method:code OR 'master' CIN l.settings:method:code OR '002' CIN l.settings:method:code">
<mvt:assign name="l.settings:method:image" value="g.theme_path $ '/images/icons/logo_mastercard.png'" />
<mvt:elseif expr="('di' CIN l.settings:method:code AND NOT ('dinners' CIN l.settings:method:code)) OR '004' CIN l.settings:method:code">
<mvt:assign name="l.settings:method:image" value="g.theme_path $ '/images/icons/logo_discover.png'" />
<mvt:elseif expr="'ach' CIN l.settings:method:code OR 'check' CIN l.settings:method:code">
<mvt:assign name="l.settings:method:image" value="g.theme_path $ '/images/icons/logo_check.png'" />
<mvt:elseif expr="'paypal' CIN l.settings:method:code OR 'pp' CIN l.settings:method:code OR 'pal' CIN l.settings:method:code">
<mvt:assign name="l.settings:method:image" value="g.theme_path $ '/images/icons/logo_paypal.png'" />
<mvt:else>
<mvt:assign name="l.settings:method:image" value="''" />
</mvt:if>
<label for="l-&mvte:method:module;-&mvte:method:code;">
<input type="radio" name="PaymentMethod" id="l-&mvte:method:module;-&mvte:method:code;" data-name="&mvt:method:name;" value="&mvte:method:module;:&mvte:method:code;" &mvt:method:checked;>
<img src="&mvt:method:image;" alt="&mvt:method:name;">
</label>
</mvt:foreach>
</div>
</mvt:if>
<mvt:if expr="l.settings:payment:proxy:cc_exp:active">
<div class="form_row proxy-payment-field-row">
<div class="row">
<div class="column half">
<div class="floating-placeholder">
<select id="l-cc_exp_month" class="proxy-input proxy-input-cc_exp_month input" data-code="cc_exp_month">
<option value="">Select one...</option>
<mvt:while expr="g.cc_exp_month_counter LT 12">
<mvt:assign name="g.cc_exp_month_counter" value="g.cc_exp_month_counter + 1" />
<option value="&mvte:global:cc_exp_month_counter;">&mvte:global:cc_exp_month_counter;</option>
</mvt:while>
</select>
<label for="l-cc_exp_month">Expiration Month</label>
</div>
</div>
<div class="column half">
<div class="floating-placeholder">
<select id="l-cc_exp_year" class="proxy-input proxy-input-cc_exp_year" data-code="cc_exp_year">
<option value="">Select one...</option>
<mvt:assign name="g.cc_exp_year" value="s.dyn_tm_year" />
<mvt:while expr="g.cc_exp_year_counter LT 25">
<option value="&mvte:global:cc_exp_year;">&mvte:global:cc_exp_year;</option>
<mvt:assign name="g.cc_exp_year_counter" value="g.cc_exp_year_counter + 1" />
<mvt:assign name="g.cc_exp_year" value="s.dyn_tm_year + g.cc_exp_year_counter" />
</mvt:while>
</select>
<label for="l-cc_exp_year">Expiration Year</label>
</div>
</div>
</div>
</div>
</mvt:if>
<mvt:if expr="l.settings:payment:proxy:cvv:active">
<div class="form_row proxy-payment-field-row">
<div class="row">
<div class="column half">
<div class="floating-placeholder">
<input type="text" size="4" id="l-cvv" class="proxy-input proxy-input-cvv" data-code="cvv">
<label for="l-cvv">CVV</label>
</div>
</div>
</div>
</div>
</mvt:if>
</div>
</mvt:if>
<mvt:if expr="l.settings:payment:capabilities:split">
<div class="form-row">
<mvt:if expr="g.Amount_Invalid">
<label class="required error">Payment Amount:</label>
<mvt:else>
<label class="required">Payment Amount:</label>
</mvt:if>
<div id="payment-amount-fields">
<mvt:if expr="( NOT l.settings:payment:capabilities:balance ) OR ( l.settings:payment:balance GE l.settings:splitpayment:remaining )">
<mvt:if expr="NOT g.UI_Exception">
<mvt:assign name="g.AmountType" value="'total'" />
<mvt:assign name="g.Amount" value="l.settings:splitpayment:remaining ROUND 2" />
</mvt:if>
<mvt:if expr="g.AmountType EQ 'total'">
<input type="radio" name="AmountType" value="total" onclick="AmountType_Changed( this.value );" checked />
<mvt:else>
<input type="radio" name="AmountType" value="total" onclick="AmountType_Changed( this.value );" />
</mvt:if>
<mvt:if expr="NOT ISNULL l.settings:payment:split_data">
Remaining Order Total (&mvt:payment:formatted_remaining;)<br />
<mvt:else>
Entire Order Total (&mvt:basket:formatted_total;)<br />
</mvt:if>
<mvt:else>
<mvt:if expr="NOT g.UI_Exception">
<mvt:assign name="g.AmountType" value="'balance'" />
<mvt:assign name="g.Amount" value="l.settings:payment:balance ROUND 2" />
</mvt:if>
<mvt:if expr="g.AmountType EQ 'balance'">
<input type="radio" name="AmountType" value="balance" onclick="AmountType_Changed( this.value );" checked />
<input type="hidden" id="payment-balance-amount" name="Amount" value="&mvte:payment:balance;" />
<mvt:else>
<input type="radio" name="AmountType" value="balance" onclick="AmountType_Changed( this.value );" />
<input type="hidden" id="payment-balance-amount" name="Amount" value="&mvte:payment:balance;" disabled />
</mvt:if>
Available Balance (&mvt:payment:formatted_balance;)<br />
</mvt:if>
<mvt:if expr="g.AmountType EQ 'partial'">
<input type="radio" name="AmountType" value="partial" onclick="AmountType_Changed( this.value );" checked />
Partial: <input type="text" id="payment-amount" name="Amount" value="&mvte:global:Amount;" />
<mvt:else>
<input type="radio" name="AmountType" value="partial" onclick="AmountType_Changed( this.value );" />
Partial: <input type="text" id="payment-amount" name="Amount" value="&mvte:global:Amount;" disabled />
</mvt:if>
</div>
</div>
<mvt:if expr="g.AmountType EQ 'total'">
<mvt:assign name="g.totalPayment" value="'display: none;'" />
</mvt:if>
<div id="payment-additional" style="&mvt:global:totalPayment;">
<div class="form_row">
<label class="required">Pay Additional Balance With:</label>
<select name="AdditionalPaymentMethod">
<mvt:foreach array="paymentmethods" iterator="method">
<mvt:if expr="(l.settings:method:module NE 'customercredit') OR ((g.PaymentMethod NE 'customercredit:credit') AND (NOT miva_array_search(l.settings:splitpayment:splits, 1, l.split, 'l.split:module:code EQ l.settings:method:module')))">
<mvt:if expr="l.settings:method:paymentcard:id">
<option value="paymentcard:&mvte:method:paymentcard:id;">&mvt:method:name;</option>
<mvt:elseif expr="l.settings:method:paymentcardtype:id">
<option value="paymentcardtype:&mvte:method:paymentcardtype:id;">&mvt:method:name;</option>
<mvt:else>
<option value="&mvte:method:module;:&mvte:method:code;">&mvt:method:name;</option>
</mvt:if>
</mvt:if>
</mvt:foreach>
</select>
</div>
</div>
</mvt:if>
</div>
</mvt:if> <mvt:comment> <!-- End check for MivaPay --> </mvt:comment>
</div>
<div class="breaker"></div>
<div class="row">
<div class="column whole align-center medium-align-right np">
<mvt:if expr="l.settings:paymentsettings:mivapay:enabled AND ( l.settings:mivapay:paymentcardtype:id OR l.settings:mivapay:paymentcard:id )">
<script type="text/javascript">
var onclick_submit = function( event )
{
if ( MivaPay && ( typeof MivaPay.Submit === 'function' ) )
{
MivaPay.Submit( function()
{
var form;
form = document.getElementById( 'js-opay-form' );
form.submit();
} );
}
}
</script>
<span onclick="onclick_submit(); return false;">
<input type="submit" value="Complete Order" class="button button-primary button-large-font uppercase checkout-button bg-green white nb complete-order-button" />
</span>
<mvt:elseif expr="'brain' CIN g.PaymentMethod">
<input class="button button--large bg--green font--bold font--uppercase" type="submit" value="Complete Order">
<mvt:else>
<input type="submit" value="Complete Order" class="button button-primary button-large-font uppercase checkout-button bg-green white nb complete-order-button" />
</mvt:if>
</div>
</div>
<div class="breaker"></div>
</form>
</div>
<div class="column whole large-offset-one-twelfth large-one-third">
<mvt:item name="basket" />
<br>
<mvt:item name="customer" />
</div>
</div>
<div class="row hdft-footer">
<mvt:item name="hdft" param="footer" />
</div>
<mvt:item name="hdft" param="global_footer" />
</body>
</html>
Comment