{# compatible with >= sw6.4 #}
{% sw_extends '@Storefront/storefront/component/payment/payment-method.html.twig' %}

{% block component_payment_method_input %}
    <input type="radio"
           id="paymentMethod{{ payment.id }}"
           name="paymentMethodId"
           value="{{ payment.id }}"
           {% if payment.id is same as(selectedPaymentMethodId) %}checked="checked"{% endif %}
           class="custom-control-input form-check-input payment-method-input {{ payment.translated.customFields.mollie_payment_method_name }}">
{% endblock %}


{% block component_payment_method_description %}


    {% if "MolliePayments" in payment.handlerIdentifier and page.extensions.MollieTestModePageExtension.testMode == true %}
        <div class="payment-method-description">
            <strong>{{ payment.translated.name }} ({{ "molliePayments.testMode.label"|trans }})</strong>
            {% if payment.translated.description %}
                {% set paymentDescription = payment.translated.description|raw %}

                {% if not payment.id is same as(selectedPaymentMethodId) %}
                    {% set paymentDescription = (paymentDescription|length > 75 ? paymentDescription[:75] ~ ' ...' : paymentDescription) %}
                {% endif %}

                <p title="{{ payment.translated.description|raw }}">{{ paymentDescription }}</p>
            {% endif %}
        </div>
    {% else %}
        {{ parent() }}
    {% endif %}

    {# load mollie creditcard components #}
    {% if payment.translated.customFields.mollie_payment_method_name == 'creditcard' %}
        {% sw_include '@MolliePayments/storefront/component/payment/component/cc-fields.html.twig' with {
            showIfActive: (payment.id is same as(selectedPaymentMethodId)),
            sw64: true
        } %}
    {% elseif payment.translated.customFields.mollie_payment_method_name == 'pointofsale' %}
        {% sw_include '@MolliePayments/storefront/component/payment/component/pos-fields.html.twig' %}
    {% elseif payment.translated.customFields.mollie_payment_method_name == 'bancomatpay' %}
        {% sw_include '@MolliePayments/storefront/component/payment/component/bancomat-fields.html.twig' %}
    {% endif %}
{% endblock %}