{% extends 'base.html.twig' %}

{% block wrapperClass %}campaignpage info{% endblock %}

{% block body %}
    <div class="container clearfix navpadding">
        <div class="col-md-12 col-sm-12 col-xs-12 p0">
            <div class="col-md-9 col-sm-12 col-xs-12">
                <div class="content col-md-12 col-sm-12 col-xs-12 p0">
                    <div class="col-md-12 col-xs-12 pl0 mt30 mb20 clearfix">
                        <div style="padding: 1em;">Thank you for joining The Insiders.<br/>
                            Please wait while we redirect you to the appropriate page.
                        </div>
                        <div id="response-div"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block readyStateFunction %}

    var redirect = '{{ redirect }}';
    var redirectUrl = '{{ redirectUrl }}';

    $.ajax({
        type: "POST",
        dataType: 'JSON',
        url: "{{ regGet('url') }}ajax/postdata/",
        data: {actie: 'runPixel', pixels: '{{ pixels|raw }}', location: 'after-registration'}
    }).done(function (response) {
        $("#response-div").html(response);
        if (redirect == 'entrysurvey' || redirect == 'custom'
            || redirect == 'customInternal' || redirect == 'customExternal') {
            setTimeout(function(){
                location.href = redirectUrl;
            }, 3000);
        }

        $("#response-div").hide();

        setTimeout(function(){
            location.href = '{{ regGet('url') }}';
        }, 3000);
    });
{% endblock readyStateFunction %}