{% sw_extends {
    template: '@Storefront/storefront/layout/meta.html.twig',
    scopes: ['default', 'subscription', 'mixed-subscription']
} %}

{% block layout_head_javascript_router %}
    {{ parent() }}

    {# Initialize ShopwarePayments global object with error translations #}
    <script>
        window.ShopwarePayments = {
            features: {
                contextGatewaySupported: {{ page.extensions.spApp.contextGatewaySupported|default(false) ? 'true' : 'false' }}
            },
            translations: {
                'GENERIC_ERROR': '{{ 'shopwarePayments.error.GENERIC_ERROR'|trans|escape('js') }}',
                'SCRIPT_ERROR': '{{ 'shopwarePayments.error.SCRIPT_ERROR'|trans|escape('js') }}',
                'SCRIPT_NOT_LOADED': '{{ 'shopwarePayments.error.SCRIPT_NOT_LOADED'|trans|escape('js') }}',
                'NOT_ELIGIBLE': '{{ 'shopwarePayments.error.NOT_ELIGIBLE'|trans|escape('js') }}',
                'BROWSER_UNSUPPORTED': '{{ 'shopwarePayments.error.BROWSER_UNSUPPORTED'|trans|escape('js') }}',
                'USER_CANCELLED': '{{ 'shopwarePayments.error.USER_CANCELLED'|trans|escape('js') }}'
            }
        };
    </script>
{% endblock %}

{% block layout_head_meta_tags %}
    {{ parent() }}

    {% block shopware_payments_meta_tags %}
        {% if page.extensions.spApp.enabled %}
            {% if page.extensions.spApp.cdnAppUrl %}
                <script
                    id="shopware-payments"
                    type="module"
                    src="{{ page.extensions.spApp.cdnAppUrl }}/main.js"
                    data-base-url="{{ page.extensions.spApp.baseAppUrl }}"
                    data-shop-id="{{ config('core.app.shopIdV2').id ?? config('core.app.shopId').value }}"
                    data-sales-channel-id="{{ context.salesChannelId }}"
                    defer
                >
                </script>
            {% endif %}

            {% block shopware_payments_meta_tags_payment %}
                {# PayPal Core SDK v6 - Production only #}
                <link href="https://www.paypal.com/web-sdk/v6/core" rel="preload" as="script">

                {# Apple Pay SDK - Production only, conditionally load for Apple Pay payment method #}
                {% if context.paymentMethod.handlerIdentifier == 'app\\ShopwarePayments_applepay' %}
                    <link href="https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js" rel="preload" as="script">
                    <script src="https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js" async data-sdk-name="apple-pay"></script>
                {% endif %}

                {# Google Pay SDK - Production only, conditionally load for Google Pay payment method #}
                {% if context.paymentMethod.handlerIdentifier == 'app\\ShopwarePayments_googlepay' %}
                    <link href="https://pay.google.com/gp/p/js/pay.js" rel="preload" as="script">
                    <script src="https://pay.google.com/gp/p/js/pay.js" async data-sdk-name="google-pay"></script>
                {% endif %}
            {% endblock %}
        {% endif %}
    {% endblock %}
{% endblock %}