{% for research in matchedResearches | slice(0,10) %}
    
    {% if app.request.locale == 'en' %}
        {% set length = research.arabicAbstract|length %}
    {% else %}
        {% set length = research.englishAbstract|length %}
    {% endif %}

    {% set contributers = research.authors| u.replaceMatches('/\\(.*\\)/', '')|split(',') %}

    <div class="research-card">
        <div class="research-header">
            <div class="research-title" style="white-space:normal{% if app.request.locale == "en" or research.arabicFullTitle  == null or research.arabicFullTitle  == "" or not research.translated  or not research.reviewed %};max-width:100%;margin:0px;padding:0px;{% endif %}" dir="{% if app.request.locale == "en" or research.arabicFullTitle  == null or research.arabicFullTitle  == "" or not research.translated  or not research.reviewed %}ltr{% endif %}">
                <a class="r_title" data-toggle="tooltip" title="{{ research.arabicFullTitle }}" href="{{ path('shamra_academia_research_show', { slug: research.slug }) }}">
                    {% if app.request.locale == "ar" and research.arabicFullTitle  != null and research.arabicFullTitle  != "" and research.translated  and research.reviewed %}
                        {{ research.arabicFullTitle }}
                    {% else %}
                        {{ research.englishFullTitle }}
                    {% endif %}
                </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 }}">{{ '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>
        </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]|trans , 'type':1}) }}">{{ 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]|trans , 'type':1}) }}">{{ contributers[i] }}</a></span>
                {% endfor %}
            {% elseif contributers|length >0 %}
                <span>  <a class="r_c_name" href="{{ path('shamra_academia_filter',{'contributer':contributers[0]|trans, 'type':1}) }}">{{ contributers[0] }}</a></span>
            {% endif %}
            <span class="r_p_date">{{ research.createdAt|date('Y') }}</span>
        </div>
        {% if length >300 %}
            <div class="research-abstract" dir="{% if app.request.locale == "en" or research.arabicFullTitle  == null or research.arabicFullTitle  == "" or not research.translated  or not research.reviewed %}ltr{% endif %}">
                {% if app.request.locale == "ar" and research.arabicAbstract  != null and research.arabicAbstract  != ""  and research.translated  and research.reviewed %}
                    {{ research.arabicAbstract[0:250] }}
                    <span class="extra-content r-hidden">
                        {{ research.arabicAbstract[250:] }}
                    </span>
                {% else %}
                    {{ research.englishAbstract[0:250] }}
                    <span class="extra-content r-hidden">
                        {{ research.englishAbstract[250:] }}
                    </span>
                {% endif %}
            </div>
        {% else %}
            <div class="research-abstract" dir="{% if app.request.locale == "en" or research.arabicFullTitle  == null or research.arabicFullTitle  == "" or not research.translated  or not research.reviewed %}ltr{% endif %}">
                {% if app.request.locale == "ar" and research.arabicAbstract  != null and research.arabicAbstract  != ""  and research.translated  and research.reviewed %}
                    {{ research.arabicAbstract }}
                {% else %}
                    {{ research.englishAbstract }}
                {% endif %}
            </div>
        {% endif %}
        <div class="keywords">
           {% if  research.tag_1  is not null %}
                <span class="research-keyword">
                    <a href="{{ path('shamra_academia_filter', {'tags': research.tag_1.id, 'type':1}) }}">{{ (app.request.locale == 'ar' )?research.tag_1.arabicName:research.tag_1.englishName }}</a>
                </span>
            {% endif %}
            {% if  research.tag_2  is not null  %}
                <span class="research-keyword">
                    <a href="{{ path('shamra_academia_filter', {'tags': research.tag_2.id, 'type':1}) }}">{{ (app.request.locale == 'ar' )?research.tag_2.arabicName:research.tag_2.englishName }}</a>
                </span>
            {% endif %}
            {% if  research.tag_3 is not null %}
                <span class="research-keyword">
                    <a href="{{ path('shamra_academia_filter', {'tags': research.tag_3.id, 'type':1}) }}">{{ (app.request.locale == 'ar' )?research.tag_3.arabicName:research.tag_3.englishName }}</a>
                </span>
            {% endif %}
        </div>
    </div>
  
    
{% endfor %}