{% block brevo_back_in_stock_subscription_form_container %}
    <div id="brevo-stock-notification-form-container" class="brevo-stock-notification-form mt-3 p-3 border rounded">
        {% block brevo_back_in_stock_subscription_form_header %}
            <h5>{{ "brevo.back-in-stock.notification.title"|trans }}</h5>
            <p class="text-muted">{{ "brevo.back-in-stock.notification.description"|trans }}</p>
        {% endblock %}

        {% block brevo_back_in_stock_subscription_form %}
            <form id="brevo-stock-notification-form" class="brevo-stock-notification-form">
                {% block brevo_back_in_stock_subscription_form_fields %}
                    {% block brevo_back_in_stock_subscription_form_product_id %}
                        <input type="hidden" name="productId" value="{{ productId }}">
                    {% endblock %}
                    
                    {% block brevo_back_in_stock_subscription_form_email %}
                        <div class="form-group mb-3">
                            <input type="email"
                                   id="brevo-stock-notification-email"
                                   name="email"
                                   class="form-control"
                                   placeholder="{{ "brevo.back-in-stock.notification.email.placeholder"|trans }}"
                                   value="{{ customerEmail }}"
                                   required>
                        </div>
                    {% endblock %}
                    
                    {% block brevo_back_in_stock_subscription_form_submit %}
                        <div class="form-group">
                            <button type="submit"
                                    id="brevo-stock-notification-submit"
                                    class="btn btn-primary">
                                {{ "brevo.back-in-stock.notification.button.text"|trans }}
                            </button>
                        </div>
                    {% endblock %}
                {% endblock %}
            </form>
        {% endblock %}
    </div>
{% endblock %}