{% sw_extends '@Storefront/storefront/component/payment/payment-method.html.twig' %}

{% block component_payment_method_description %}
    {# @var \Swag\PayPal\Checkout\SPBCheckout\SPBMarksData spbCheckoutMarksData #}
    {% set spbCheckoutMarksData = page.extensions[constant('Swag\\PayPal\\Checkout\\SPBCheckout\\SPBMarksSubscriber::PAYPAL_SMART_PAYMENT_MARKS_DATA_EXTENSION_ID')] %}

    {% if spbCheckoutMarksData and spbCheckoutMarksData.paymentMethodId is same as(payment.id) %}
        <div class="payment-method-description"
             data-swag-paypal-marks="true"
             data-swag-pay-pal-marks-options="{{ spbCheckoutMarksData|json_encode }}">
        </div>
        {% if payment.translated.description %}
            <p>{{ payment.translated.description|raw }}</p>
        {% endif %}
    {% else %}
        {{ parent() }}
    {% endif %}

    {# @var \Swag\PayPal\Checkout\Plus\PlusData payPalPlusData #}
    {% set payPalPlusData = page.extensions[constant('Swag\\PayPal\\Checkout\\Plus\\PlusSubscriber::PAYPAL_PLUS_DATA_EXTENSION_ID')] %}

    {% if payPalPlusData and payPalPlusData.approvalUrl and payPalPlusData.paymentMethodId is same as(context.paymentMethod.id) and payPalPlusData.paymentMethodId is same as(payment.id) %}
        <div class="d-none"
             data-swag-paypal-payment-wall="true"
             data-swag-pay-pal-plus-payment-wall-options="{{ payPalPlusData|json_encode }}">
        </div>
        <div id="ppplus"></div>
    {% endif %}

    {# @var \Swag\PayPal\Installment\Banner\BannerData installmentBanner #}
    {% set installmentBanner = page.extensions[constant('Swag\\PayPal\\Installment\\Banner\\InstallmentBannerSubscriber::PAYPAL_INSTALLMENT_BANNER_DATA_EXTENSION_ID')] %}

    {% if installmentBanner is not null and installmentBanner.paymentMethodId is same as(payment.id) %}
        <div data-swag-paypal-installment-banner="true"
             data-swag-pay-pal-installment-banner-options="{{ installmentBanner|json_encode }}"
             data-swag-paypal-installment-banner-is-confirm="true">
        </div>
    {% endif %}
{% endblock %}