[{assign var="sImageUrl" value=$oViewConf->getModuleUrl('d3heidelpay','out/img/')}]
[{assign var="dynvalue" value=$oView->getDynValue()}]
[{assign var='oHeidelPaySettings' value=$oHeidelpayViewConfig->getSettings()}]
[{assign var='oHeidelPayment' value=$oHeidelPaySettings->getPayment($paymentmethod)}]
[{assign var="aBrands" value=$oHeidelpayViewConfig->getHeidelpayNgwBrands($paymentmethod, $oHeidelPayment, $oxcmp_user)}]

<div id="paymentOption_[{$sPaymentID}]" class="payment-option [{if $oView->getCheckedPaymentId() == $paymentmethod->oxpayments__oxid->value}]active-payment[{/if}]">
    <input id="payment_[{$sPaymentID}]" type="radio" name="paymentid" value="[{$sPaymentID}]" [{if $oView->getCheckedPaymentId() == $paymentmethod->oxpayments__oxid->value}]checked="checked"[{/if}] />
    <ul class="form">
        <li>
            [{include file="img_ideal_mobile.tpl"}]
        </li>
        <li>
            <div class="dropdown">
                <input type="hidden" name="dynvalue[lsland]" value="NL">

                <div class="dropdown-toggle" data-toggle="dropdown" data-target="#">
                    <a id="dLabelBankNameSelected" role="button" href="#">
                        <span id="bankNameSelected">[{oxmultilang ident="D3HEIDELPAY_PAYMENT_INPUT_BANK"}]</span>
                        <i class="glyphicon-chevron-down"></i>
                    </a>
                </div>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dLabelBankNameSelected">
                    [{foreach from=$aBrands item='sBrandName' key='sBrandIdent'}]
                        <li class="dropdown-option[{if ($dynvalue.lsbankname == $sBrandIdent)}] selected[{/if}]">
                            <a tabindex="-1" data-selection-id="[{$sBrandIdent}]">[{$sBrandName}]</a>
                        </li>
                    [{/foreach}]
                </ul>
                [{if !empty($dynvalue.lsbankname)}]
                [{oxscript add="$('#sCreditCardSelected').val('$dynvalue.lsbankname');"}]
                [{/if}]
            </div>
        </li>

        [{block name="checkout_payment_longdesc"}]
        [{if $paymentmethod->oxpayments__oxlongdesc->value}]
        <li>
            <div class="payment-desc">
                [{$paymentmethod->oxpayments__oxlongdesc->getRawValue()}]
            </div>
        </li>
        [{/if}]
        [{/block}]
    </ul>
</div>
[{oxscript add="$('#paymentOption_$sPaymentID').find('.dropdown').oxDropDown();"}]