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

{% block title %}{{ (writeArrayVar(message['answers']['#review_title#'],['vrij_antwoord']))|raw }}{% endblock %}

{% block wrapperClass %}campaignsoverview{% endblock %}

{% block body %}
    <div class="container clearfix navpadding">

        <div class="col-md-12 col-sm-12 col-xs-12 p0 mt30 clearfix">
            <div class="review content col-md-12 p0 m10 clearfix row {{ iterate }}">
                <div class="col-sm-2 col-md-2 col-xs-12 p0">
                    <div class="col-md-12 p0 product mb5"
                         style="background-image: url('{{ regGet('imgpath') ~ readFunnel(message['product'], global("reviewmod_fields_mapping").image) }}')"></div>
                    <p class="productname col-md-12 text-center">{{ writeArrayVar(message['product'],['data_1']) }}</p>
                </div>
                <div class="col-sm-7 col-md-7 p0">
                    <h2 class="col-md-12 m0">
                        {{ shortenText(writeArrayVar(message['answers']['#review_title#'],['vrij_antwoord']), 23)|raw }}
                    </h2>

                    <p class="col-md-12 date">{{ showDate(writeArrayVar(message['answers']['#rate_product#'],['tijd']), true) }}</p>
                    <div class="col-md-12">
                        <div class="review_stars_read pb15 pt5"
                             data-score="{{ writeArrayVar(message['answers']['#rate_product#'], ['vrij_antwoord']) }}"></div>
                    </div>
                    <p class="col-md-12">
                        <span class="more">
                            {{ writeArrayVar(message['answers']['#review_text#'],['vrij_antwoord'])|nl2br }}
                        </span>
                    </p>

                    <div class="reviewfeedback col-md-12 mt30 clearfix">
                        <div class="col-md-12 p0 mb20">
                            {% if message is iterable and message.answers is defined
                                and message['answers']['#recommend#']["answer_identifier"]
                                and message['answers']['#recommend#']['answer_identifier'] == "#recommend-yes#" %}

                                <i class="fa fa-check"></i>
                                {{ "YES_I_RECOMMEND_THIS_PROJECT"|translate }}
                            {% endif %}
                        </div>
                        <div class="col-md-12 p0 mb20">
                            <span>{{ "REPORT_USEFULL"|translate }}</span>
                            <a data-item="{{ writeArrayVar(message['answers']['#rate_product#'],['id']) }}"
                               class="btn_useful_yes" href="#">{{ "TT_YES"|translate }}</a>
                            <span id="useful_yes_{{ writeArrayVar(message['answers']['#rate_product#'],['id']) }}">
                                ({{ (message['answers']['#rate_product#']['useful_yes'] ? message['answers']['#rate_product#']['useful_yes'] : 0) }})
                            </span>
                            -
                            <a data-item="{{ writeArrayVar(message['answers']['#rate_product#'],['id']) }}"
                               class="btn_useful_no" href="#">{{ "TT_NO"|translate }}</a>
                            <span id="useful_no_{{ writeArrayVar(message['answers']['#rate_product#'],['id']) }}">
                                ({{ (message['answers']['#rate_product#']['useful_no'] ? message['answers']['#rate_product#']['useful_no'] : 0) }})
                            </span>
                        </div>
                    </div>
                </div>
                <div class="reviewinfo col-sm-3 col-md-3 col-xs-12">
                    <div class="user p0 clearfix">
                        <span class="avatar"> <img src="{{ message['answers']['#rate_product#']['avatar'] }}"/> </span>
                        <p class="username">
                            {{ writeArrayVar(message['answers']['#rate_product#'], ['membername']) }}
                        </p>
                    </div>

                    <p class="m0">{{ writeArrayVar(message['answers']['#rate_product#'],['city']) }}
                        , {{ writeArrayVar(message['answers']['#rate_product#'],['country']) }}</p>
                    <p class="m0">{{ "AGE"|translate }}: <span
                                class="">{{ writeArrayVar(message['answers']['#rate_product#'],['age']) }}</span></p>
                    <p class="m0">{{ "SEXE"|translate }}: <span class="">
            {% if message['answers']['#rate_product#']['gender'] is defined and message['answers']['#rate_product#']['gender'] == 'man' %}
                {{ "STR_FRM_MAN"|translate }}
            {% else %}
                {{ "STR_FRM_VROUW"|translate }}
            {% endif %}
            </span>
                    </p>
                </div>
            </div>
        </div>
    </div>
{% endblock %}