{% set currentUrl = regGet('url') ~ regGet('locale') ~ '/' ~ regGet('sectionpath') ~ '/' ~ cadata.item_id ~ '/' ~ readFunnel(cadata,1)|safeString ~ '.htm' %}
<script type="text/javascript">
        function toggleBtnSubmit(elem)
        {
            $(elem).addClass('hidden');
            $(elem).parent().append('<img src="{{ regGet('imgpath') }}ajax-bar-loader.gif" style="float:right;" class="mb15 mt15 loaderimg" alt="" />');
        }
        function successReview{{ product.audit ~ product.item_id ~ new }}(responseText, url) {
            $('img.loaderimg').remove();

            var resp = 'alert-danger';
            if (responseText.status === "OK") {
                resp = 'alert-success';
                setTimeout(function () {
                    location.href = url;
                }, 2000);
            } else if (responseText.status === "HTTP_UNAUTHORIZED") {
                location.href = '/';
                return;
            } else {
                setTimeout(function() {
                    $("#btnsubmit").removeClass('hidden');
                },2000);
            }
            $("#reportFormOutput{{ product.audit ~ product.item_id ~ new }}").html('<div class="alert ' + resp + '">' + responseText.message + '</div>');
        }
</script>
<div class="col-md-12">
    <div class="col-md-12 p0 clearfix form">
        <div>
            {% if revImg is defined %}
            <div class="col-md-3 col-sm-3 col-xs-12 choice pl0">
                <span class="select content" style="background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url('{{ regGet('imgpath') ~ readFunnel(product,revImg) }}');"></span>
            </div>
            {% endif %}
            <div class="col-md-9 col-sm-9 p0">
                <div class="intro col-md-12 pl0">
                    <h3>{{ reviewProduct(product,'title') }}</h3>
                    <p>{{ reviewProduct(product,'description')|raw }}</p>
                    {% if avg_stars is defined and avg_stars is not null %}
                        <div class="review_stars stars" data-score="{% if avg_stars is numeric %} %}{{ avg_stars }}{% endif %}"></div>
                    {% endif %}
                    <a class="tipsinternal" href="javascript:void(0);" data-toggle="modal" data-target="#tipsinternal">
                        <i class="fa fa-exclamation-circle"></i>
                        <span>{{ "TIPS_TO_REVIEWS"|translate }}</span>
                    </a>
                </div>
                <div class="report-form">

                    <h3 class="mt40">{{ "NO_USER_REVIEW_YET"|translate }}</h3>
                    {% if product.surveyForm is defined and product.surveyForm is not null %}
                    <form class="fetchformvalidation svalidate report_{{ product.audit }}"
                                name="reportForm{{ product.audit ~ product.item_id ~ new }}"
                                id="reportForm{{ product.audit ~ product.item_id ~ new }}"
                                action="/{{ regGet('locale') }}/ajax/postdata/"
                          data-aftercomplete="{{ 'successReview' ~ product.audit ~ product.item_id~new~'(responseText,'~ currentUrl ~');'}}"
                          data-validationoutput="{{ 'reportFormOutput'~product.audit ~ product.item_id ~ new}}"
                          data-json="true"
                          data-jsonobj="true"
                          method="post">
                        {{ product.surveyForm|raw }}
                        <div id="reportFormOutput{{ product.audit ~ product.item_id ~ new }}"></div>
                        <input type="hidden" name="actie" value="createInternalReview" />
                        <input type="hidden" name="textarea" id="textarea" value="" />
                        <input type="hidden" name="audit" value="{{ product.audit }}" />
                        <input type="hidden" name="product" value="{{ product.item_id }}" />
                        <input type="hidden" name="campaign" value="{{ caId }}" />
                        <input type="hidden" name="reviewId" value="{{ rId }}" />
                        <input type="hidden" name="prevsession" value="{{ prevSession }}" />
                        <input type="hidden" id="host" value="{{ regGet('url') }}" />
                        <input class="black-box" type="hidden" name="blackBox" id="blackBox-{{ product.item_id }}"/>
                        <input class="finger-print-message" type="hidden" name="bazaarvoiceFingerPrintMessage" id="bazaarvoiceFingerPrintMessage-{{ product.item_id }}"/>
                        <button id="btnsubmit" onclick="toggleBtnSubmit(this);"
                                class="btn btn-primary blue pull-right mt30" type="submit">
                            <i class="fa fa-angle-right"></i>
                            {{ "REVIEW_BEKIJKPREVIEW"|translate }}
                        </button>
                    </form>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>