56 lines
2.7 KiB
Smarty
56 lines
2.7 KiB
Smarty
{extends file='page.tpl'}
|
|
|
|
{block name="content"}
|
|
|
|
<div class="center-block col-lg-3"></div>
|
|
<div class="center-block col-sm-12 col-lg-6">
|
|
|
|
<h3>{{$postParameters.paymentMethodLabel}}</h3>
|
|
|
|
<form action="{$postParameters.action}" method="POST" class="paylane-form paylane-form--bank-transfer">
|
|
<input type="hidden" name="payment[additional_information][type]" value="BankTransfer">
|
|
<input type="hidden" name="payment_type" value="BankTransfer">
|
|
<input type="hidden" name="payment[additional_information][back_url]" value="{$postParameters['return_url']|escape:'htmlall':'UTF-8'}" />
|
|
|
|
<div class="paylane-form__container-title">{l s='Choose your bank' mod='paylane'}:</div>
|
|
<ul class="form-list paylane-form__payment-types-list">
|
|
{foreach $postParameters.paymentTypes as $code => $data}
|
|
<li>
|
|
<input type="radio" name="payment[additional_information][payment_type]" id="payment_type_{$code}" value="{$code}">
|
|
<label for="payment_type_{$code}">
|
|
<img src="{$smarty.const._MODULE_DIR_}paylane/views/img/banks/{$code}.png" title="{$data['label']}" alt="{$data['label']}" />
|
|
<span>{$data['label']}</span>
|
|
</label>
|
|
</li>
|
|
{/foreach}
|
|
</ul>
|
|
<div class="clearfix"></div>
|
|
<div class="cart_navigation">
|
|
<a href="{$link->getPageLink('order', true, NULL, "step=3")|escape:'html'}" class="button-exclusive btn btn-primary">
|
|
<i class="icon-chevron-left"></i>
|
|
{l s='Other payment methods' mod='paylane'}
|
|
</a>
|
|
<button class="button btn btn-primary button-medium" type="submit">
|
|
<span>{l s='Confirm order' mod='paylane'}<i class="icon-chevron-right right"></i></span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
<script>
|
|
var bankInputs = document.querySelectorAll('.paylane-form--bank-transfer .paylane-form__payment-types-list input[type="radio"]');
|
|
|
|
for (var i = 0; i < bankInputs.length; i++) {
|
|
bankInputs[i].addEventListener('click', function(ev) {
|
|
var labels = document.querySelectorAll('.paylane-form--bank-transfer .paylane-form__payment-types-list label');
|
|
for (var j = 0; j < labels.length; j++) {
|
|
labels[j].classList.remove('checked');
|
|
}
|
|
document.querySelector('label[for="'+this.id+'"]').classList.add('checked');
|
|
});
|
|
}
|
|
</script>
|
|
|
|
</div>
|
|
<div class="center-block col-lg-3"></div>
|
|
|
|
{/block}
|