{% for research in matchedResearches %}
    {% set tags= research.tags %}
    {% set tagSlug= research.tagsSlugs %}
    {% set length=research.abstract|length %}

    {% set contributers=research.contributers %}
    <div class="research-card">
        <div class="research-header">
            <div class="research-title" style="white-space:normal">
                <a class="r_title" data-toggle="tooltip" title="{{ research.arabicTitle }}" href="{{ path('shamra_academia_research_show', { slug: research.slug }) }}">
                    {% if app.request.locale == "en" and research.englishTitle  != null and research.englishTitle  != ""%}
                        {{ research.englishTitle }}
                    {% else %}
                        {{ research.arabicTitle }}
                    {% endif %}
                </a>
            </div>
            {% if app.request.attributes.get('_route') != 'user_profile_show' %}
                <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 }}">{{ 'show.document.favourite'|trans({},'Academia') }}</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>
            {% endif %}
        </div>
        <div class="research-details">
            <span><i class="fa fa-eye"></i> {{ research.hits~' -'}}</span>
            {% if contributers|length >1 %}
                <span><a class="r_c_name" href="{{ path('shamra_academia_filter',{'contributer':contributers[0]}) }}">{{ contributers[0] }}</a></span>
                {% for i in range(1,contributers|length -1) %}
                    <span> , <a class="r_c_name" href="{{ path('shamra_academia_filter',{'contributer':contributers[i]}) }}">{{ contributers[i] }}</a></span>
                {% endfor %}
            {% elseif contributers|length >0 %}
                <span>  <a class="r_c_name" href="{{ path('shamra_academia_filter',{'contributer':contributers[0]}) }}">{{ contributers[0] }}</a></span>
            {% endif %}
            {% if research.arabicPublisher is not null and research.arabicPublisher|length >1%}
                {% if contributers|length >0 %}
                    <span>{{ '-' }}</span>
                {% endif %}
                <span><a class="r_p_name" href="{{ path('shamra_academia_filter',{'publisher': research.arabicPublisher}) }}">{{(app.request.locale == 'ar')?research.arabicPublisher:research.englishPublisher}}</a></span>
            {% elseif research.textualPublisher is not null and research.textualPublisher|length >1%}
                {% if contributers|length >0 %}
                    <span>{{ '-' }}</span>
                {% endif %}
                <span><a class="r_p_name"href="{{ path('shamra_academia_filter',{'publisher': research.textualPublisher}) }}">{{research.textualPublisher}}</a></span>
            {% endif %}
            <span class="r_p_date">{{ research.publicationDate|date('Y') }}</span>
            {% if research.arabicCategory is not null %}
                <span><a href="{{ path('shamra_academia_filter',{'category': research.arabicCategory}) }}"> {{ "(" ~ (app.request.locale == 'ar')?research.arabicCategory:research.englishCategory ~ ")" }} </a></span>
            {% endif %}
        </div>
        {% if length >300 %}
            <div class="research-abstract">
                {% if app.request.locale == "en" and research.englishAbstract  != null and research.englishAbstract  != ""%}
                    {{ research.englishAbstract[0:250] }}
                    <span class="extra-content r-hidden">
                        {{ research.englishAbstract[250:] }}
                    </span>
                {% else %}
                    {{ research.abstract[0:250] }}
                    <span class="extra-content r-hidden">
                        {{ research.abstract[250:] }}
                    </span>
                {% endif %}
            </div>
        {% else %}
            <div class="research-abstract">
                {% if app.request.locale == "en" and research.englishAbstract  != null and research.englishAbstract  != ""%}
                    {{ research.englishAbstract }}
                {% else %}
                    {{ research.abstract }}
                {% endif %}
            </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 tagSlug!="" %}
                        {% if i <= threshold %}
                        <span class="research-keyword">
                            <a href="{{ path('shamra_academia_filter', {'tags': tags[i]}) }}">{{ tags[i] }}</a>
                        </span>
                        {%elseif i > threshold %}
                            {% set break=true %}
                            <span class="extra-content research-keyword r-hidden">
                                <a href="{{ path('shamra_academia_filter', {'tags': tags[i]}) }}">{{ tags[i] }}</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 %}