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

{% block title %}{{ survey_title }} Survey{% endblock %}

{% block bodyClass %} class="country_{{ regGet('countrycodeid') }}"{% endblock %}
{% block wrapperClass %}myspace auditwindow_{{ get('audit') }}{% endblock %}
{% block body %}

{{ fetchView('includes/fbsdk')|raw }}

<div id="maincontainer"
     class="surveyvraag{{ algemeen['id'] }} country_{{ regGet('countrycodeid') }} taalvak_country_{{ regGet('taalcodeid') }}">
    <div id="contentcontainer" class="container navpadding">

        <div class="col-md-12 col-sm-12 col-xs-12 pt30 pl0 pr0 pb0 content-general">
            {% if brandhubCampaign == true %}
                {{ fetchView('includes/brandhubview',{'brandData':brandData}) }}
            {% endif %}
            {% if profile is not null %}
                <div class="col-md-3 col-sm-5 hidden-xs clearfix">
                    {{ renderTwigBlock ('includes/user/user.sidebar', {active : 'survey'}) }}
                </div>
            {% endif %}

            {% if profile is not null %}<div class="col-md-9 col-sm-7 col-xs-12 p0">{% else %}<div class="col-md-12 col-sm-12 col-xs-12 p0">{% endif %}
                    <div id="progressbar_acp" class="row mt15 audit_{{ pdata.details['id'] }}">
                        <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12">
                            <div class="statusbar progress-striped">
                                <div class="progress" style="margin:0;">
                                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="0"
                                         aria-valuemin="0" aria-valuemax="100" style="width:0%">
                                        <span id="perc">0 %</span>
                                    </div>
                                </div>
                                <div class="percentage left">0%</div>
                                <div class="percentage right">100%</div>
                            </div>
                        </div>
                    </div>
                    <div id="auditwindow" class="content clearfix col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        {% if view is defined %}
                            {{ fetchView(view,{'pdata':pdata})|raw }}
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
        <div id="response-div"></div>
        <input type="hidden" name="acpurl" id="acpurl" value="{{ regGet('url') }}{{ regGet('locale') }}/"/>
        <input type="hidden" name="pixel" value="{{ pixels|escape }}"/>
        <input type="hidden" name="campaignId" value="{{ pdata.details['fk_ca_campaigns'] }}"/>
    </div>
    {% endblock %}

    {% block assetsBottom %}
        {{ parent() }}
        <link href="{{ regGet('csspath') }}audit.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="{{ regGet('csspath') }}audits/{{ get('audit') }}.css" rel="stylesheet" type="text/css" media="all"/>
        <link rel="stylesheet" href="{{ regGet('jspath') }}jqtip/jquery.qtip.min.css" type="text/css" media="all"/>
        <link href="{{ regGet('csspath') }}survey.css" rel="stylesheet" type="text/css" media="all"/>
        <link rel="stylesheet"
              href="//cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css"/>
        <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
        <link href="{{ regGet('general_csspath') }}bootstrap-social-buttons.css" rel="stylesheet" type="text/css"/>

        <script type="text/javascript">
            {{ jsprepend|raw }}
            {{ errorMessage|raw }}

            function initRest() {
                {{ js_post|raw }}
            }
        </script>
    {% endblock %}

    {% block readyStateFunction %}
        {{ js|raw }}
        loadJS('//cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js',function() {
        loadJS('{{ regGet('general_jspath') }}survey.js',initRest);
        });
        initSurveyFormUploaders();

        {% if profile is not null %}
            initCircle();
        {% endif %}
    {% endblock readyStateFunction %}