{% block _config_trackingconfig_widget %}
<h4 class="fw-sb mt-48 mb-xs">{{ 'mautic.config.tab.pagetracking'|trans }}</h4>
<div class="text-muted small pb-md">{{ 'mautic.core.config.header.pagetracking.description'|trans }}</div>
<div class="row">
    <div class="panel panel-default mb-md">
        <div class="panel-body">
            <div class="form-group">
                <p>{{ 'mautic.config.tab.pagetracking.info'|trans|purify }}</p>
                {% include '@MauticCore/Components/code-snippet.html.twig' with {
                    variant: 'multi',
                    innerText: '&lt;script&gt;
        (function(w,d,t,u,n,a,m){w[\'MauticTrackingObject\']=n;
            w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)},a=d.createElement(t),
            m=d.getElementsByTagName(t)[0];a.async=1;a.src=u;m.parentNode.insertBefore(a,m)
        })(window,document,\'script\',\'' ~ url('mautic_js') ~ '\',\'mt\');
        mt(\'send\', \'pageview\');
    &lt;/script&gt;',
                } %}
            </div>
            <div class="row">
                <hr>
                {% for name, f in form.children %}
                    {% if name in ['anonymize_ip', 'track_contact_by_ip', 'do_not_track_404_anonymous'] %}
                        <div class="col-xs-12">
                            {{ form_row(f) }}
                            {% if name == 'anonymize_ip' %}
                                <div class="anonymize_ip_address hide text-danger">{{ 'mautic.page.config.form.anonymize_ip.warning'|trans }}</div>
                            {% endif %}
                        </div>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    </div>
</div>

<h4 class="fw-sb mt-48 mb-xs">{{ 'mautic.config.tab.tracking.facebook.pixel'|trans }}</h4>
<div class="text-muted small pb-md">{{ 'mautic.core.config.header.tracking.facebook.pixel.description'|trans }}</div>
<div class="row">
    <div class="panel panel-default mb-md">
        <div class="panel-body">
            <div class="row">
                <div class="col-xs-12">
                    {{ form_row(form.facebook_pixel_id) }}
                </div>
                <hr>
                {% for name, f in form.children %}
                    {% if name in ['facebook_pixel_trackingpage_enabled', 'facebook_pixel_landingpage_enabled'] %}
                        <div class="col-xs-12">
                            {{ form_row(f) }}
                        </div>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    </div>
</div>

<h4 class="fw-sb mt-48 mb-xs">{{ 'mautic.config.tab.tracking.google.analytics'|trans }}</h4>
<div class="text-muted small pb-md">{{ 'mautic.core.config.header.tracking.google.analytics.description'|trans }}</div>
<div class="row">
    <div class="panel panel-default mb-md">
        <div class="panel-body">
            <div class="row">
                <div class="col-xs-12">
                    {{ form_row(form.google_analytics_id) }}
                </div>
                <hr>
                {% for name, f in form.children %}
                    {% if name in ['google_analytics_trackingpage_enabled', 'google_analytics_landingpage_enabled', 'google_analytics_anonymize_ip'] %}
                        <div class="col-xs-12">
                            {{ form_row(f) }}
                        </div>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    </div>
</div>
{% endblock %}
