{% if reviewSite.link is not empty %}
    {% set url = reviewSite.link %}
    {% if 'http://' not in url and 'https://' not in url  %}
        {% set url = 'http://' ~ url %}
    {% endif %}
    {% set reviewUrl = reviewSite.report_url %}
    {% if 'http://' not in reviewUrl and 'https://' not in reviewUrl  %}
        {% set reviewUrl = 'http://' ~ reviewUrl %}
    {% endif %}
    {% if reviewSite.fk_web_user_groups is defined and reviewSite.fk_web_user_groups is valuableArray
        and(
            (userGroups is not valuableArray)
            or
            (userGroups is valuableArray and reviewSite.fk_web_user_groups not in userGroups)
        )
    %}
        {# User is not allowed to see current review site, stupid check from old view did an unset here #}

    {% else %}
    <script type="text/javascript">
        function successExternal{{ key }}(responseText) {

            var redirect = window.location.href;
            {% if reloadUrl %}
            redirect = '{{ reloadUrl }}?p={{ key }}';
            {% endif %}

            if(responseText.trim() === 'OK'){
                $("#outputExternal{{ key }}").removeClass('alert-danger');
                $("#outputExternal{{ key }}").html('{{ sendSuccesBox("EXTREVIEWTHANKS"|translate)|raw }}');
                setTimeout(function(){
                    window.location.href = redirect;
                },2000);
            }else{
              $("#outputExternal{{ key }}").addClass('alert alert-danger');
              $("#outputExternal{{ key }}").html(responseText);
              $('.submit-external-review').attr('disabled', false);
            }
        }

        function disableButton (element) {
            $(element).attr('disabled', true);
            $(element).parent().submit();
        }
    </script>
        <div class="external-review clearfix">
            <div class="col-md-12 col-sm-12 col-xs-12 p0 content clearfix">
            {% if reviewSite.time is empty %}
            {# if no time is set, the review has not been posted to this site, so make it collapsable #}
                <div class="col-md-12 col-sm-12 col-xs-12 p0 clearfix" role="button" data-toggle="collapse" href="#collapseReview-{{ key }}">
           {% else %}
                <div class="col-md-12 col-sm-12 col-xs-12 p0 clearfix">
            {% endif %}
                {% if reviewSite.time is not empty %}
                    <div class="status done col-md-1 col-sm-1 col-xs-12 pb15 pt15">
                        <i class="fa fa-check"></i>
                    </div>
                {% else %}
                    <div class="status open col-md-1 col-sm-1 col-xs-12 pb15 pt15">
                        <i class="fa fa-times"></i>
                    </div>
                {% endif %}
                    <div class="col-md-7 col-sm-6 col-xs-12 text-center">
                        {% if reviewSite.image is defined and reviewSite.image is not empty %}
                        <img src="{{ regGet('imgpath') ~ reviewSite.image }}">
                        {% endif %}
                    </div>
                {% if reviewSite.report_url is not empty %}
                    {# check is on report_url but we want to output url with prefixed http(s) #}
                    <a class="info col-md-1 col-sm-1 col-xs-4 pb15 pt15 hidden-xs" href="{{ reviewUrl }}" target="_blank">
                        <i class="fa fa-laptop"></i>
                    </a>
                {% else %}
                    {# no link, but we still need the column #}
                    <div class="info col-md-1 col-sm-1 col-xs-4 pb15 pt15 hidden-xs"></div>
                {% endif %}
                {% if reviewSite.report_image is not empty %}
                    <a class="fancybox info col-md-1 col-sm-1 col-xs-4 pb15 pt15 hidden-xs" href="{{ reviewSite.report_image }}">
                        <i class="fa fa-picture-o"></i>
                    </a>
                {% else %}
                    {# no image, but we still need the column #}
                    <div class="info col-md-1 col-sm-1 col-xs-4 pb15 pt15 hidden-xs"></div>
                {% endif %}
                {% if reviewSite.time is empty %}
                    <div class="open col-md-2 col-sm-3 col-xs-12 pb15 pt15 text-center">
                        <i class="fa fa-angle-down"></i>
                    </div>
                {% else %}
                    {# else show the time the review was reported #}
                    <div class="date col-md-2 col-sm-3 col-xs-12 pb15 pt20">
                        {{ showDate(reviewSite.time) }}
                    </div>
                {% endif %}
                </div>
                <div class="collapse" id="collapseReview-{{ key }}">
                    <div class="col-md-12 col-sm-12 col-xs-12 mb15 review-form clearfix">
                        <div class="mt15">
                            <span class="survey_step"></span>
                            {% if 'boulanger' in url %}
                            <a href="{{ url|replace({'<userToken>':userToken}) }}" class="btn blue btn-primary" target="_blank">{{ "VISIT_REVIEWSITE"|translate }}</a>
                            {% else %}
                            <a href="{{ url }}" class="btn blue btn-primary" target="_blank">{{ "VISIT_REVIEWSITE"|translate }}</a>
                            {% endif %}
                            <form class="fetchformvalidation"
                                  name="form_{{ key }}"
                                  id="form_{{ key }}"
                                  enctype="multipart/form-data"
                                  action="/ajax/postdata/"
                                  data-aftercomplete="{{ 'successExternal' ~ key~'(responseText);'}}"
                                  data-validationoutput="{{ 'outputExternal'~ key}}"
                                  data-showprogress="true"
                                  data-json="false"
                                  data-uniqid="{{ random(999) }}"
                                  data-jsonobj="true"
                                  method="post">
                                <span class="survey_step"></span>
                                {{ surveyForm|raw }}
                                <div id="outputExternal{{ key }}"></div>
                                {{ fetchView("includes/snippets/progressbar")|raw }}
                                <span class="survey_step"></span>
                                <input class="btn blue btn-primary pull-right submit-external-review" type="submit" name="verzend" value="{{ "STR_BTN_VERZENDEN"|translate }}" onclick="disableButton(this);">
                                <input type="hidden" name="actie" value="registerOnlineReview" />
                                <input type="hidden" id="reporttype" name="reporttype" value="12" />
                                <input type="hidden" id="audit" name="audit" value="{{ reviewAudit }}" />
                                <input type="hidden" name="campaignid" value="{{ campaignId }}" />
                                <input type="hidden" id="host" value="{{ regGet('url') }}" />
                                <input type="hidden" id="reviewsite_id" name="reviewsite_id" value="{{ reviewSite.id }}"/>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    {% endif %}
{% endif %}