{% block brevo_back_in_stock_notification_container %}
    <div class="brevo-stock-notification-container"
         data-brevo-back-in-stock-notification="true"
         data-brevo-back-in-stock-notification-options='{
            "submitUrl": "{{ path('frontend.sendinblue.back.in.stock.subscribe') }}",
            "translations": {
                "emailRequired": "{{ "brevo.back-in-stock.validation.email.required"|trans|e('js') }}",
                "generalError": "{{ "brevo.back-in-stock.error.general"|trans|e('js') }}",
                "buttonLoading": "{{ "brevo.back-in-stock.notification.button.loading"|trans|e('js') }}",
                "buttonText": "{{ "brevo.back-in-stock.notification.button.text"|trans|e('js') }}"
            }
         }'>
        
        {% block brevo_back_in_stock_notification_container_content %}
            {% set customer = context.customer %}
            {% set isLoggedIn = customer is not null %}
            {% set customerEmail = isLoggedIn ? customer.email : '' %}
            {% set isCustomerSubscribed = isLoggedIn ? isSubscribedToProduct(page.product.id, customerEmail) : false %}

            {% if isLoggedIn and isCustomerSubscribed %}
                {% block brevo_back_in_stock_notification_container_subscription_status %}
                    {% include '@NewsletterSendinblue/storefront/component/back-in-stock/subscription-status.html.twig' with {
                        'customerEmail': customerEmail
                    } %}
                {% endblock %}
            {% else %}
                {% block brevo_back_in_stock_notification_container_subscription_form %}
                    {% include '@NewsletterSendinblue/storefront/component/back-in-stock/subscription-form.html.twig' with {
                        'productId': page.product.id,
                        'customerEmail': customerEmail
                    } %}
                {% endblock %}
            {% endif %}

            {% block brevo_back_in_stock_notification_container_message %}
                <div id="brevo-stock-notification-message" class="mt-3" style="display: none;"></div>
            {% endblock %}
        {% endblock %}
    </div>
{% endblock %}