{% set pluginOptions = {
    currency: context.currency.isoCode,
    locale: app.request.locale,
    cart: page.extensions.spApp.cart,
    salesChannelContext: page.extensions.spApp.salesChannelContext,
    order: page.extensions.spApp.order,
    pageType: pageType|default('checkout'),
} %}

{% block shopware_payments_checkout_buttons %}
<div class="shopware-payments-checkout-buttons {{ classes }}">
    {% if app.request.query.get('sp-id') %}

        {# Express checkout: Add hidden sp-id input if sp-id query parameter is set #}
        <input type="hidden" name="sp-id" value="{{ app.request.query.get('sp-id') }}">

    {% elseif context.paymentMethod.handlerIdentifier == 'app\\ShopwarePayments_paypal' %}

        {% block paypal %}
        <paypal-button
            class="shopware-payments-button"
            data-shopware-payments-checkout-paypal="true"
            data-shopware-payments-checkout-paypal-options='{{ pluginOptions|json_encode }}'
            hidden
        >
        </paypal-button>
        {% endblock %}

    {% elseif context.paymentMethod.handlerIdentifier == 'app\\ShopwarePayments_venmo' %}

        {% block venmo %}
        <venmo-button
            class="shopware-payments-button"
            data-shopware-payments-checkout-venmo="true"
            data-shopware-payments-checkout-venmo-options='{{ pluginOptions|json_encode }}'
            hidden
        >
        </venmo-button>
        {% endblock %}

    {% elseif context.paymentMethod.handlerIdentifier == 'app\\ShopwarePayments_paylater' %}

        {% block paypal_pay_later %}
        <paypal-pay-later-button
            class="shopware-payments-button"
            data-shopware-payments-checkout-paylater="true"
            data-shopware-payments-checkout-paylater-options='{{ pluginOptions|json_encode }}'
            hidden
        >
        </paypal-pay-later-button>
        {% endblock %}

    {% elseif context.paymentMethod.handlerIdentifier == 'app\\ShopwarePayments_googlepay' %}

        {% block google_pay %}
        <google-pay-button
            class="shopware-payments-button"
            button-size-mode="fill"
            data-shopware-payments-checkout-googlepay="true"
            data-shopware-payments-checkout-googlepay-options='{{ pluginOptions|json_encode }}'
            hidden
        >
        </google-pay-button>
        {% endblock %}

    {% elseif context.paymentMethod.handlerIdentifier == 'app\\ShopwarePayments_applepay' %}
        {% set pluginOptions = pluginOptions|merge({
            brandName: context.salesChannel.name,
            displayName: context.salesChannel.name,
        }) %}

        {% block apple_pay %}
        <apple-pay-button
            class="shopware-payments-button d-none"
            buttonstyle="black"
            locale="{{ app.request.locale }}"
            data-shopware-payments-checkout-applepay="true"
            data-shopware-payments-checkout-applepay-options='{{ pluginOptions|json_encode }}'
            hidden
        >
        </apple-pay-button>
        {% endblock %}

    {% endif %}
</div>
{% endblock %}