{% for q in questions %}
    {% if q.owner is null %}
        {% set username = 'public' %}
    {% else %}
        {% set username = q.owner %}
    {% endif %}
    {% set tags= q.tags %}
{#
    {% set tagSlug= res.tags %}
#}
    {% set length=q.explanation|length %}
    <div class=" see-more-class research-card">
        <div class="research-header">
            <div class="research-title">
                <a class="r_title" data-toggle="tooltip" title="{{ q.question }}" href="{{ path('shamra_academia_show_question', { slug: q.slug , username: username }) }}">{{ q.question }}</a>
            </div>
{#
            <div class="dropdown optionMenu">
                <a href="#" data-toggle="dropdown" role="button">
                    <i class="fa fa-chevron-down menuIcon"></i>
                </a>
                <ul class="dropdown-menu">
                    {% if app.user %}
                        <li class="dropdown-menu-item">
                            <a href="#" class="favoriteOption" data-slug="{{ research.slug }}">{{ 'إضافة إلى المفضلة' }}</a>
                        </li>
                    {% endif %}
                    <li class="dropdown-menu-item">
                        <a href="#" role="button" class="downloadOption" data-slug="{{ research.slug }}" >{{ 'show.document.download'|trans({},'Academia') }}</a>
                    </li>
                    <li class="dropdown-menu-item">
                        <a href="#" role="button" data-target="#citationModal" data-toggle="modal" class="citationOption" data-slug="{{ research.slug }}" >{{ 'userProfile.statistics.cites'|trans({},'Academia') }}</a>
                    </li>
                </ul>
            </div>
#}
        </div>
        <div class="research-details">
            <span><i class="fa fa-eye"></i> {{ q.views~' -'}}</span>
{#
            <span title="عدد اﻹجابات" data-toggle="tooltip"><i class="fa fa-comment"></i>&nbsp;{{ q.answers~' -' }} </span>
#}
            <span class="r_p_date">
                <i class="fa fa-clock-o"></i>&nbsp;
                <time datetime=" {{ q.createdAt|date('Y-m-d H:i:s') }}"></time>
            </span>

        </div>
        {% if length >300 %}
            <div class="research-abstract">
                {{ q.explanation[0:250] |raw}}
                <span class="extra-content r-hidden">
                    {{ q.explanation[250:] |raw}}
                </span>
            </div>
        {% else %}
            <div class="research-abstract">
                {{ q.explanation |raw }}
            </div>
        {% endif %}
        <div class="keywords">
            {% set break= false %}
            {% set len= tags|length %}
            {% if len > 0 %}
                {% set threshold=5 %}
                {% for i in range(0,len-1)  %}
                    {% if tags !="" %}
                        {% if i <= threshold %}
                            <span class="research-keyword">
                            <a href="{{ path('shamra_academia_filter', {'tag': tags[i][0]}) }}">{{ tags[i][0] }}</a>
                        </span>
                        {%elseif i > threshold %}
                            {% set break=true %}
                            <span class="extra-content research-keyword r-hidden">
                                <a href="{{ path('shamra_academia_filter', {'tag': tags[i][0]}) }}">{{ tags[i][0] }}</a>
                            </span>
                        {% endif %}
                    {% else %}
                        {% set threshold=threshold+1 %}
                    {% endif %}

                {% endfor %}
                {% if break %}
                    <span class="keyword k-show-more">
                        <a href="#">&nbsp;{{ 'المزيد..' }}<i class="fa fa-angle-double-left"></i></a>
                    </span>
                {% endif %}
            {% endif %}
        </div>
    </div>
{% endfor %}