{% set gender = event.gender %}
{% set icon = 'fa-question' %}
{% set img = asset('bundles/syndexacademic/images/icons/question.png') %}
{% set slug = event.slug %}
{% set likes = [] %}

{% if event.image == "default_profile_pic_m.png" or event.image == "default_profile_pic_f.png" %}
    {% set getWebPath = "/bundles/user/img/" %}
{% else %}
    {% set getWebPath = "/uploads/profile/img" %}
{% endif %}


{% for q in all %}
    {% if q.id == event.id %}
        {% set likes = q %}
    {% endif %}
{% endfor %}

{% set share_path = "https://shamra-academia.com/" ~ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %}

<div class="shadow row">
    <div class="content">
        <div class="question-head">
            <a href="{{ path('shamra_academia_show_question',{'slug':event.slug}) }}" data-toggle="tooltip" title="{{ event.question }}" class="event-handler" style="color: #00A550;"><h3 class="question-title">{{ event.question }}</h3></a>
            <div class="user">
                <img src="{{getWebPath}}/{{event.image}}" alt="{{ event.firstName }}"class="img-circle " align="middle" width="50" height="50">
                <p class="who">
                    {% if app.request.locale == 'ar' %}
                        {% if gender =='m' %}{{ 'طرح' }}{% else %}{{ 'طرحت' }}{% endif %}
                        <a href="{{ path('user_profile_show',{'username':event.username}) }}" style="color: #00A550;" >{{ event.firstName~' '~event.lastName }}</a>
                    {% else %}
                        <a href="{{ path('user_profile_show',{'username':event.username}) }}" style="color: #00A550;" >{{ event.firstName~' '~event.lastName }}</a>
                        {{ 'asked' }}    
                    {% endif %}                
                </p>
            </div>
            <div id="additional_info" class="additionalInfo">
            <span title="{{ 'userProfile.research.views'|trans({},'Academia') }}" data-toggle="tooltip"><i class="fa fa-eye academia-icon"></i> {{event.views }} &nbsp;</span>-
            
            <span title="{{ 'suggested.question.interests'|trans({}, 'Academia') }}" data-toggle="tooltip"><i class="fa fa-star academia-icon"></i> {{ event.interested }} &nbsp;</span>-
            <span title="{{ 'question.date'|trans({}, 'Academia') }}" data-toggle="tooltip">
                    <i class="fa fa-clock-o academia-icon" ></i>
                    <time datetime=" {{event.createdAt|date('Y-m-d H:i:s') }}"></time>
                </span> -
            <span >{{ 'question.field'|trans({}, 'Academia') }} (<a href="{{ path('shamra_academia_question_filter') }}?f={{event.arabicFullName}} ">{{  (app.request.locale == 'ar')?event.arabicFullName:event.englishFullName }}</a>)</span>
            </div>
        </div>
        <p class="des"> {{ (event.explanation)|raw }} {% if event.explanation|length > 255 %} {{'...'}} {% endif %}</p>
    </div>
    <div class="metadata">
        <div class="right">
            <span title="{{ 'society.rateup'|trans({},'Academia')}}" data-toggle="tooltip" >
                <button id="like{{slug}}" 
                    {% if app.user %}
                        onclick="likeButton('{{slug}}')"
                    {% else %}
                        onclick="window.location = '/login'"
                    {% endif %}

                    type="button" class="btn
                    {% if likes is defined %}
                        {% for userLikes in likes.likes  %}
                            {% if app.user and  userLikes.id == app.user.id %} 
                                clicked-like 
                            {% endif %}
                        {% endfor %}
                    {% endif %}"

                >
                  <i class="fa fa-thumbs-o-up"></i>{% if likes is defined %} {{ likes.likes|length}}{% else %} 0{% endif %}</button>
            </span>
            <span title="{{ 'track.views'|trans({},'track') }}" data-toggle="tooltip" >
                <i style="color:#90949c" class="fa fa-eye academia-icon"></i>
                {{ event.views }} &nbsp;
            </span>
            <span title="{{ 'society.comment'|trans({},'Academia')}}" data-toggle="tooltip" >
                <i class="fa fa-comment"></i>
                {{event.reply}}  &nbsp;
            </span>
        </div>
        <div class="left">
            <span title="{{ 'society.ratedown'|trans({},'Academia')}}" data-toggle="tooltip" >
                <button id="dislike{{slug}}"  
                    {% if app.user %}
                        onclick="dislikeButton('{{slug}}')"
                    {% else %}
                        onclick="window.location = '/login'"
                    {% endif %}

                    type="button" class="btn
                    {% if likes is defined %}
                        {% for userDisLikes in likes.disLikes  %}
                            {% if app.user and  userDisLikes.id == app.user.id %} 
                                clicked-dis
                            {% endif %}
                        {% endfor %}
                    {% endif %}"
                    ><i class="fa fa-thumbs-o-down"></i> {% if likes is defined %} {{ likes.disLikes|length}}{% else %} 0{% endif %}</button>
            </span>
        </div>
    </div>
 
</div>