{% trans_default_domain "community" %}

{% if question.createdBy.image == "default_profile_pic_m.png" or question.createdBy.image == "default_profile_pic_f.png" %}
    {% set getWebPath = "/bundles/user/img/" %}
{% else %}
    {% set getWebPath = "/uploads/profile/img" %}
{% endif %}
<div class="row padding-5">
    <div class="question-header clickable" data-location="{{path('show_community_question',{'alias':alias,'slug':question.slug})}}" style="color: #00A550;">
        <h3> {{ question.question|raw }} </h3>
    </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> {{  question.views }} &nbsp;</span>-
        <span title="{{ 'question.date'|trans({}, 'Academia') }}" data-toggle="tooltip">
            <i class="fa fa-clock-o academia-icon" ></i>
            <time datetime="{{question.createdAt|date('Y-m-d H:i:s') }}">{{question.createdAt|date('Y-m-d') }}</time>
        </span> - 
        <span  data-toggle="tooltip">
            <img src="{{getWebPath}}/{{question.createdBy.image}}" alt="{{ question.createdBy.firstName }}"class="img-circle " align="middle" width="20" height="20">
            {% if app.request.locale == 'ar' %}
                {{ 'community.question.createdBy'|trans }}
                <a href="{{ path('user_profile_show',{'username':question.createdBy.username}) }}" style="color: #00A550;" >{{ question.createdBy.firstName ~ ' ' ~ question.createdBy.lastName }}</a>
            {% else %}
                <a href="{{ path('user_profile_show',{'username':question.createdBy.username}) }}" style="color: #00A550;" >{{ question.createdBy.firstName ~ ' ' ~ question.createdBy.lastName }}</a>
                {{ 'asked' }}    
            {% endif %}                
            &nbsp;
        </span> 
        {% if publishin %}
            - 
            <span  data-toggle="tooltip">
                {{ 'community.question.publishin'|trans }}
                {% if app.request.locale == 'ar' %}
                    <a href="{{ path('show_community',{'alias':question.community.alias}) }}" style="color: #00A550;" >{{ question.community.title }}</a>
                {% else %}
                    <a href="{{ path('show_community',{'alias':question.community.alias}) }}" style="color: #00A550;" >{{ question.community.englishTitle }}</a>
                {% endif %}                
                &nbsp;
            </span>
        {% endif %}
    </div>
    
    <div class="content" dir="{% if app.request.get("_locale") == "ar" %}rtl{% else %}ltr{% endif %}">
        <div class="question-content q-hidden" >
            {{ question.content|raw }} 
            {#{% if question.content|length > 255 %} {{ question.content[:255]|raw ~ "..." ~ "more"|trans }} {% else %} {{ question.content|raw }} {% endif %}#}
        </div>
        {% if question.content|length > 750 or (is_mobile() and  question.content|length > 300) %}
            <span class="q-show-more" data-location="{{path('show_community_question',{'alias':alias,'slug':question.slug})}}">
                <a href="#">{{ 'more'|trans }}</a>
            </span>
        {% endif %}
    </div>
    <br/>
    <div class="content" dir="{% if app.request.get("_locale") == "ar" %}rtl{% else %}ltr{% endif %}">
        {% for keyword in question.keywords %}
            <span class="keyword" style="overflow: hidden; max-width:145px;"> {{keyword.context}} </span>
        {% endfor %}
    </div>
</div>

<div class="row interaction block-5">
    <div class="col-md-2 block-5">
        <span title="{{ 'community.question.comments'|trans}}" data-toggle="tooltip"><i class="fa fa-comment academia-icon"></i> {{  question.communityQuestionDiscussions|length }} &nbsp;</span>
    </div>
    <div class="col-md-8 block-5">
        <center>
            <span>
                <a class="btn btn-success" style="text-decoration:none;color:white" href="{{path('show_community_question',{'alias':alias,'slug':question.slug})}}">
                {{'community.question.add_comments'|trans}} 
                </a>
            </span>
        </center>
    </div>
</div>