{% if products %}
{% set currentProducts = products %}
{% else %}
{% set currentProducts = element.products %}
{% endif %}

<div class="contact-modal">
    <div class="contact-modal__body">
        <div class="contact-modal__header">
            <div>
                <h3 class="dark-text med">{{ __("Take the first step", "linde") }}</h3>
                <h5 class="light-text">{{ __("Request demo", "linde") }}</h5>
            </div>
            <img class="close-modal" src="{{ function("get_frontend_static_asset", "assets/icons/escape-icon.svg") }}" />
        </div>
        <div class="contact-modal__products-wrap">
            {% if currentProducts %}
            <h5>{{ __("Please select the product you are interested in", "linde") }}</h5>
            <div class="contact-modal__products">
                {% for product in currentProducts %}
                    <div class="contact-modal__products-single {{ loop.index == 1 ? "contact-modal__products-single--active" }}" data-contact-product="{{ product.title }}" >
                        <img class="contact-modal__products-single-icon" src="{{ product.get_field("product_icon") }}" alt="Single product icon" />
                        <h6 class="dark-text med">{{ product.title }}</h6>
                    </div>
                {% endfor %}
                    <div class="contact-modal__products-single contact-modal__products-single--last" data-contact-product="General" >
                        <img class="contact-modal__products-single-icon" src="{{ function("get_frontend_static_asset", "assets/icons/questionmark-icon.svg") }}" alt="Contact general icon" />
                        <h6 class="dark-text med">{{ __("General", "linde") }}</h6>
                    </div>

                    <script>
                        var subject = '{{ currentProducts[0].title }}';
                    </script>
            </div>
            {% endif %}
        </div>
        <a data-send-to="{{ email_recipient }}" data-mail-body="{{ email_body }}" class="btn btn--primary btn--wide m-t-10">{{ __('Request demo', 'linde') }}</a>
    </div>
</div>