{% extends 'base.html.twig' %}
{% block title %}
    {{ 'translate.confirmation'|trans }} - SCREENZ
{% endblock %}

{% block body %}

    {% include('elements/_navigation.html.twig') %}

    <section class="list-products sec-30 sec-bg-products">
        <div class="container-fluid discover-bar text-center text-white">
            <h3> {{ 'translate.contact_success_text'|trans }}</h3>
        </div>
    </section>

    {% if gtm %}
        <script>
            console.log("gtag is already executed");
        </script>
    {% else %}
    <script>
        window.dataLayer.push({
            event: 'purchase',
            ecommerce: {
                currency: 'EUR',
                value: 10,
                tax: 0,
                shipping: 0,
                affiliation: 'SCREENZ',
                transaction_id: {{ contact_id }},
                items: [{
                    item_name: 'UPIT{{ contact_id }}',
                    item_id: '{{ contact_id }}',
                    price: '10',
                    item_brand: 'SCREENZ',
                    quantity: '1'
                }]
            }
        });
        console.log("CONV executed");
    </script>
    {% endif %}

   <section class="thank-you-page mb-5 pb-5">
       <div class="container-fluid">
           <div class="container text-center">
               <div class="row">
                   <p><i class="fa fa-thumbs-up fa-15xsize text-success" aria-hidden="true"></i></p>
               </div>
           </div>
       </div>

   </section>

    {% include('elements/_footer.html.twig') %}

{% endblock %}