{% extends '@syndexAcademic/main_layout.html.twig' %}

{% trans_default_domain "Academia" %}
{% set locale = app.request.locale %}

{% set float = '' %}
{% if locale == 'en' %}
    {% set float = "style=float:right" %}
{% endif %}

{% block og_title %}
    {% if titlePar is not defined %}
        {% set titlePar = "academia.engine"|trans({},'Academia') %}
    {% endif %}
    {{ 'title'|trans({'par' : titlePar},'Academia') }} | 
    
    {% if research.arabicFullTitle is not null %} 
        {{ research.arabicFullTitle }}
    {% else %}
        {{ research.englishFullTitle }}
    {% endif %}

{% endblock %}

{% block og_url %}{{ app.request.scheme ~'://' ~ app.request.httpHost ~ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}{% endblock %}
{% block og_description %}{{ research.arabicAbstract[0:200] }}{% endblock %}
{% set owned = false %}
{% set img = asset('uploads/') %}

{% block structured_data %}
    <link rel="amphtml" href="{{ path('shamra_academia_research_show_amp',{'slug': research.slug}) }}">
{% endblock %}

{% block css %}
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/comment/css/ShamraComments.css') }}">
    <style>
        #course-card{
            padding: 15px;
            overflow: hidden;
        }
        .card-footer {
            overflow: hidden;
        }
        #course-container{
            margin: 25px;
            position: relative;
        }
        .shadow{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
        .profile-pic {
            position: relative;
            display: inline-block;
        }
        .img-cover{
            width: fit-content;
            min-width: 50px;
            min-height: 50px;
            margin-bottom: 10px;
        }
        .upper-note{
            padding: 5px;
            position: absolute;
            left: 0;
            top: 0;
            background: #ee8513;
            color: white;
        }

        #botmanWidgetRoot > div:first-of-type {
            min-width: 120px !important;
        }

        {% if locale == 'en' %}
            .res-details-university {
                padding-right: 20px;
                padding-left: 0px;
            }
            .res-details-date {
                padding-right: 20px;
                padding-left: 0px;
            }
        {% endif %}
        /* @media (max-width:400px)  {
            #chatBotManFrame{
                width: 300px;
            }
        } */
    </style>
{% endblock %}

{% block title %}
    {% if locale == "en" %}
        {% if  research.englishFullTitle is not null %}
            {{ research.englishFullTitle }} 
        {% else  %}
            {{ research.arabicFullTitle }}
        {% endif %}
    {% else %}
        {% if  research.arabicFullTitle is not null %}
            {{ research.arabicFullTitle }} 
        {% else  %}
            {{ research.englishFullTitle }}
        {% endif %}
    {% endif %}
{% endblock %}

{% block schemaBlock %}
    <script type="application/ld+json">
    {
     "@context": "http://schema.org",
     "@type": "Article",
     "mainEntityOfPage":{
       "@type":"WebPage",
       "@id":"{{ url('shamra_academia_research_show', { slug: research.slug })}}"
     },

     "headline": "{{ research.arabicFullTitle | e | u.replaceMatches('/\\\)/', '') }}",
     "description": "{{ research.arabicAbstract | slice(0, 200) | e | u.replaceMatches('/\\\)/', '') }}",
     "image": {
       "@type": "ImageObject",
       "url": "{{ asset('img/shamra-scholarship.png')}}"
     },
     {% if isEnglish %}
        "datePublished": "{{ research.createdAt|date }}",
        "dateModified": "{{ research.createdAt|date }}",
     {% else %}
        "datePublished": "{{ research.publicationDate|date }}",
        "dateModified": "{{ research.publicationDate|date }}",
     {% endif %}
     "publisher": {
       "@type": "Organization",
        {% if research.publisher is defined and research.publisher %}
            "name": "{{  (research.publisher.website ? research.publisher.arabicFullName : research.textualPublisher) | e | u.replaceMatches('/\\\)/', '') }}",
            "url": "{{ research.publisher ? research.publisher.website : ''  }}"
       {% else %}
            "name": "{{ research.textualPublisher| e | u.replaceMatches('/\\\)/', '') }}"
       {% endif %}
     },
     "author": [
              {% if isEnglish %}
                {% for author in research.authors| u.replaceMatches('/\\(.*\\)/', '') |split(",") %}
                    {
                    "@type": "Person",
                    "name": "{{ author | e | u.replaceMatches('/\\\)/', '') }}"
                    } {% if not loop.last %}, {% endif %}
                {% endfor %}
              {% else %}
                {% for contributerRole in research.researchContributersRoles %}
                    {
                    "@type": "Person",
                    "name": "{{ contributerRole.contributer.fullName | e }}",
                    "email": "{{ contributerRole.contributer.email }}"
                    } {% if not loop.last %}, {% endif %}
                {% endfor %}
            {% endif %}
        ]
    }
    </script>
{% endblock schemaBlock %}

{% block body %}
    {{ parent() }}
    <div class="container">
        {% if not app.user %}
          <div class="alert alert-info alert-dismissible" role="alert">
            <p>{{ 'homepage.subscribe'|trans }}</p>
            <a href="/register">{{ 'homepage.newUser'|trans }}</a>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
        {% endif %}
        {% if subscribed %}
            {% if endSubscribeDate %}
            <div class="alert alert-info alert-dismissible" role="alert">
            <p>{{ 'homepage.endsubscription'|trans }} {{ endSubscribeDate | NaasArDate }}</p>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            </div>
            {% else %}
            <div class="alert alert-info alert-dismissible" role="alert">
                <p> {{ 'homepage.subscribe'|trans }} </p>
                <a class="btn btn-default" href="{{ path('shamra_academia_subscription') }}">اشترك</a>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            {% endif %}
        {% else %}
          {% if app.user %}
            <div class="alert alert-info alert-dismissible" role="alert">
              <p>لديك وصول محدود لشمرا أكاديميا، اشترك بالحزمة الذهبية واحصل على  وصول كامل.</p>
              <a class="btn btn-default" href="{{ path('shamra_academia_subscription') }}">اشترك</a>
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
          {% endif %}
        {% endif %}
        
        {% if course != null and course.status == "accepted"%}
            <a href="{{ path('syndex_lesson_list' , {course_slug : course.slug}) }}"> 
                <div id="course-container" class="row shadow">
                    <div id="course-card">
                        <div class="row">
                            <div class="profile-pic col-md-3 col-xs-12">
                                <img  src="{{img}}course/{{course.imageCover}}" alt=""
                                    class="img-responsive img-cover" style="max-height: 250px;">
                            </div>
                            <div class="course_info  col-md-9 col-xs-13">
                                <h3> {{ course.title }} </h3> 
                                {{course.description}}
                                <div class="card-footer row"> 
                                    {% if app.user and app.user != course.createdBy and not isCustomer %}
                                        <div class="new_lesson" style="max-width:150px;margin-right:15px;">
                                            <button id="checkout-button" class="new-button btn">
                                                <i class="fa fa-shopping-cart"></i> {{ 'list.buy'|trans({}, 'lesson') }} 4.99$
                                            </button>
                                        </div>
                                    {% elseif app.user == null %}
                                        <div class="new_lesson" style="max-width:150px;margin-right:15px;">
                                            <button id="" onclick="window.location = '/login'" class="new-button btn">
                                                <i class="fa fa-shopping-cart"></i> {{ 'list.buy'|trans({}, 'lesson') }} 4.99$
                                            </button>
                                        </div>
                                    {% endif %} 
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="upper-note">
                        {{ 'research.featured-courses'|trans }}
                    </div>
                </div>
            </a>
        {% endif %}

       
        
        <div class="row">
            <div class="col-xs-12 col-md-9">
                <div id="result_message" class="alert" style="text-align: center" hidden>{{ '' }}</div>
                <div class="head-title">
                    {% if locale == "ar" %}    
                        <h1 class="res-title">
                            {{ research.arabicFullTitle }}
                        </h1>
                        <h1 class="res-title" dir="ltr">
                            {{ research.englishFullTitle }}
                        </h1>
                    {% else %}
                        <h1 class="res-title" dir="ltr">
                            {{ research.englishFullTitle }}
                        </h1>
                        <h1 class="res-title">
                            {{ research.arabicFullTitle }}
                        </h1>
                    {% endif %}
                    <div style="border:none">
                    </div>
                    <div class="additionalInfo">
                        <span title="{{ 'userProfile.research.views'|trans }}" data-toggle="tooltip"><i class="fa fa-eye academia-icon"></i> {{ research.hits }} &nbsp;</span>
                        {% if not isEnglish %}<span title="{{ 'userProfile.research.cites'|trans }}" data-toggle="tooltip"><i class="fa fa-quote-right academia-icon"></i> {{ research.cites }} &nbsp;</span>{% endif %}
                        <span title="{{ 'userProfile.research.downloads'|trans }}" data-toggle="tooltip"><i class="fa fa-download academia-icon"></i> {{ research.downloads }} &nbsp;</span>
                        <span title="{{ 'userProfile.research.rates'|trans }}" data-toggle="tooltip" id="res_rate"><i class="fa fa-star academia-icon"></i>
                            {% if rate %}
                                {{ rate }}
                            {% else %}
                                {{ 0 }}
                            {% endif %}
                            (
                            {% if raters %}
                                {{ raters }}
                            {% else %}
                                {{ 0 }}
                            {% endif %}
                            )
                        </span>
                    </div>
                </div>
                <div class="info-section research-buttons" {{ float }}>
                    {% if documentFound  %}
                        {% if canPreview %}
                            <a role="button"  class="buttonDetails " id="preview_button">{{ 'research.preview'|trans }}</a>
                        {% endif %}
                        <a role="button"  class="buttonDetails "  id="download_button">{{ 'show.document.download'|trans }}</a>

                    {% endif %}
                    <a role="button" class="buttonDetails citationOption " data-slug="{{ research.slug }}" data-toggle="modal" data-target="#citationModal" id="citate_button">{{ 'userProfile.statistics.cites'|trans }}</a>
                    {% if app.user %}
                        {% if ( research.createdBy is defined and research.createdBy == app.user ) or is_granted("ROLE_ADMIN") %}
                            {% if not isEnglish %}
                                <a href="{{ path('shamra_academia_research_edit',{'slug':research.slug}) }}" role="button" class="buttonDetails " >{{ 'research.edit'|trans }} </a>
                            {% else %}
                                <a href="{{ path('shamra_academia_english_research_edit',{'slug':research.slug}) }}" role="button" class="buttonDetails " >{{ 'research.edit'|trans }} </a>
                            {% endif %}
                        {% elseif added %}
                            <a role="button"  class="buttonDetails " data-slug="{{ research.slug }}" id="favorite_button">{{ 'show.removeFrom.favourite'|trans }} </a>
                        {% else %}
                            <a role="button"  class="buttonDetails " data-slug="{{ research.slug }}" id="favorite_button">{{ 'show.addTo.favourite'|trans }} </a>
                        {% endif %}

                        {% if  is_granted("ROLE_ADMIN") %}
                            <a href="{{ path('shamra_academia_research_delete',{'researchSlug':research.slug}) }}" role="button" class="buttonDetails " style="color:red;border-color:red;" >{{ 'research.delete'|trans }} </a>
                        {% endif %}
                    {% endif %}
                    <span style="float: left;margin-top: 9px;margin-right: 2px;"><i class="fa fa-spinner fa-spin res-spinner" style="display: none"></i></span>
                </div>
                <div class="info-section info-section-width">
                    {% if research.publisher  is defined or research.textualPublisher %}
                        <div class="res-details res-details-university">
                            <span style="font-weight: bold "><i class="fa fa-university" style="color: #ff8600"></i>&nbsp;{{ 'library.publisher'|trans }}</span>
                            {% if research.publisher  is defined and research.publisher %}
                                <span><a href="{{ path('shamra_academia_filter',{'publisher': research.publisher.arabicFullName,'type':isEnglish}) }}">{{ (locale=='ar')? research.publisher.arabicFullName:research.publisher.englishFullName }}</a><a href="{{ path('shamra_academia_filter',{'category':research.researchCategory.arabicFullName}) }}"> {{   '(' ~ (locale == 'ar')? research.researchCategory.arabicFullName : research.researchCategory.englishFullName ~')'}}</a></span>
                            {% else %}
                                <span><a href="{{ path('shamra_academia_filter',{'publisher': research.textualPublisher,'type':isEnglish}) }}">{{ research.textualPublisher }}</a>{% if not isEnglish %}<a href="{{ path('shamra_academia_filter',{'category':research.researchCategory.arabicFullName}) }}"> {{   '(' ~ (locale == 'ar')? research.researchCategory.arabicFullName : research.researchCategory.englishFullName ~')'}}</a>{% endif %}</span>
                            {% endif %}
                        </div>
                    {% endif %}
                    {% if research.publicationDate is defined%}
                        <div class="res-details res-details-date">
                            <span style="font-weight: bold ;"><i class="fa fa-calendar" style="color: #ff8600"></i>&nbsp;{{ 'research.publicationDate'|trans }} </span>
                            <span>{{ research.publicationDate|date('Y') }}</span>
                        </div>
                    {% elseif research.createdAt %}
                        <div class="res-details res-details-date">
                            <span style="font-weight: bold ;"><i class="fa fa-calendar" style="color: #ff8600"></i>&nbsp;{{ 'research.publicationDate'|trans }} </span>
                            <span>{{ research.createdAt|date('Y') }}</span>
                        </div>
                    {% endif %}
                    {% if research.fields is defined and research.fields|length >0 %}
                        <div class="res-details">
                            <span style="font-weight: bold ;"><i class="fa fa-archive" style="color: #ff8600"></i>&nbsp;&nbsp;{{ 'research.fields'|trans }}</span>
                            <span><a href="{{ path('shamra_academia_filter',{'field':research.fields[0].arabicFullName,'type':0}) }}">{{ (locale == 'ar' )?research.fields[0].arabicFullName:research.fields[0].englishFullName }}</a></span>
                        </div>
                    {% elseif isEnglish %}
                        <div class="res-details">
                            <span style="font-weight: bold ;"><i class="fa fa-archive" style="color: #ff8600"></i>&nbsp;&nbsp;{{ 'research.fields'|trans }}</span>
                            {% if research.field_1 is not null %}<span><a href="{{ path('shamra_academia_filter',{'field':research.field_1.id,'type':1}) }}">{{ (locale == 'ar' )?research.field_1.arabicName:research.field_1.englishName }}</a></span>{% endif %}
                            {% if research.field_2 is not null %}<span><a href="{{ path('shamra_academia_filter',{'field':research.field_2.id,'type':1}) }}">{{ (locale == 'ar' )?research.field_2.arabicName:research.field_2.englishName }}</a></span>{% endif %}
                        </div>
                    {% endif %}
                    <div class="res-details">
                        <span style="font-weight: bold ;">{{ 'research.language'|trans({}, 'Academia') }}</span>
                        {% if not isEnglish %}
                            {% if research.language is not null %}
                                {{research.language}}
                            {% else %}
                                العربية
                            {% endif %}
                        {% else %}
                            English
                        {% endif %}
                    </div>
                </div>
                {% set i=1 %}
                {% if not isEnglish %}
                    {% set con_length=research.researchContributersRoles|length %}
                    {% if con_length >0 %}
                        <div class="info-section">
                            <div style=" font-size:0.8em; display: inline-block;">
                                <span style="font-weight: bold"><i class="fa fa-user" style="color: #ff8600"></i>&nbsp;{{ 'research.contributers'|trans }}</span>
                                <span data-toggle="tooltip" title="{{ research.researchContributersRoles[0].role.arabicFullName}}" >
                                    <a href="{{ path('shamra_academia_filter',{'contributer':research.researchContributersRoles[0].contributer.fullName}) }}">
                                        {{research.researchContributersRoles[0].contributer.fullName ~'( '~ research.researchContributersRoles[0].role.arabicFullName~' )' }}
                                    </a>
                                </span>
                                {% if con_length >1 %}
                                    {% for i in range(1,con_length-1) %}
                                        <span data-toggle="tooltip" title="{{ research.researchContributersRoles[i].role.arabicFullName}}" >
                                            <a href="{{ path('shamra_academia_filter',{'contributer':research.researchContributersRoles[i].contributer.fullName}) }}">
                                                {{' - ' ~ research.researchContributersRoles[i].contributer.fullName ~'( '~ research.researchContributersRoles[i].role.arabicFullName~' )' }}
                                            </a>
                                        </span>
                                    {% endfor %}
                                {% endif %}
                            </div>
                        </div>
                    {% endif %}
                {% else %}
                    {% set authors = research.authors| u.replaceMatches('/\\(.*\\)/', '') |split(",") %}
                    {% set con_length = authors|length %}

                    {% if con_length >0 %}
                        <div class="info-section">
                            <div style=" font-size:0.8em; display: inline-block;">
                                <span style="font-weight: bold"><i class="fa fa-user" style="color: #ff8600"></i>&nbsp;{{ 'research.contributers'|trans }}</span>
                                    <a href="{{ path('shamra_academia_filter',{'contributer':authors[0],'type':isEnglish}) }}">
                                        {{authors[0]}}
                                    </a>
                                </span>
                                {% if con_length >1 %}
                                    {% for i in range(1,con_length-1) %}
                                            <a href="{{ path('shamra_academia_filter',{'contributer':authors[i],'type':isEnglish}) }}">
                                                {{' - ' ~ authors[i] }}
                                            </a>
                                        </span>
                                    {% endfor %}
                                {% endif %}
                            </div>
                        </div>
                    {% endif %}
                {% endif %}
                {% if research.createdBy is defined %}
                    <div class="info-section">
                        <span style="font-weight: bold; font-size:0.8em"><i class="fa fa-user-circle" style="color: #ff8600"></i>&nbsp;{{ 'research.createdBy'|trans }}</span>
                        {% if admin %}
                            <span class="section-content">{{ 'شمرا' }}</span>
                        {% else %}
                            <span class="publishername">{{ research.createdBy.firstName~' '~research.createdBy.lastName }}</span>
                            
                            {# shamra_academia_academic_profile not active rigth now #}
                            {# <span class="publishername">
                            <a href="{{ path('shamra_academia_academic_profile',
                                    {'username':research.createdBy.username}) }}">{{ research.createdBy.firstName~' '~research.createdBy.lastName }}</a></span> #}
                        {% endif %}
                    </div>
                {% endif %}
                <div class="info-section tags ">
                    <div class="">
                        {% if not isEnglish %}
                            {% for tag in research.tags %}
                                <span class="research-keyword">
                                    <a href="{{ path('shamra_academia_filter', {'tags': tag.context , 'type':0}) }}">{{ tag.context }}</a>
                                </span>
                            {% endfor %}
                        {% else %}
                            {% if  research.tag_1  is not null %}
                                <span class="research-keyword">
                                    <a href="{{ path('shamra_academia_filter', {'tags': research.tag_1.id, 'type':1}) }}">{{ (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}) }}">{{ (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}) }}">{{ (locale == 'ar' )?research.tag_3.arabicName:research.tag_3.englishName }}</a>
                                </span>
                            {% endif %}
                        {% endif %}
                    </div>
                </div>
                {% if documentFound %}
                    <div id="preview" class="research-preview" hidden></div>
                {% endif %}
                <br>
                <label> {{ 'visit.fbpage'|trans }} </label><br>
                <div class="fb-page" data-href="https://www.facebook.com/ShamraAcademia" data-tabs="" data-width="380" data-height="" data-small-header="true" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/ShamraAcademia" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/ShamraAcademia">‎Shamra Academia - شمرا أكاديميا‎</a></blockquote></div>
                <br><br>
                <h4>
                    {% if chatbotsubscribed is defined and chatbotsubscribed %}
                        <a href="#" onclick="botmanChatWidget.open()"> {{ 'chatbot.ask-bot'|trans }} </a>
                    {% else %}
                        <a href="{{path('shamra_academia_subscription')}}"> {{ 'chatbot.ask-bot'|trans }} </a>
                    {% endif %}
                    <img style="width: 26px;height: 26px;" src="{{ asset('bundles/syndexacademic/images/openAilogo.jpg') }}"/>
                </h4>
                <div class="">
                    <div class="info-section main-section">
                        <div class="abs-buttons">
                            <a id="arabic_abstract" href="#" role="button" class="section-button {{ (locale == "ar" and not isEnglish) ? 'abs-active' }}">{{ 'research.arabicAbstract'|trans }}</a>
                            <a id="english_abstract" href="#" role="button" class="section-button {{ (locale == "en" or isEnglish) ? 'abs-active' }}">{{ 'research.englishAbstract'|trans }}</a>
                        </div>
                        <div class="ara" {{ (locale == "en" or isEnglish) ? 'hidden' }}>
                            {% if research.arabicAbstract |length>1 %}
                                <h2 class="research-abstract">
                                    {{ research.arabicAbstract }}
                                </h2>
                            {% else %}
                                <h2 class="noData">
                                    {{ 'research.noArabicAbstract'|trans }}
                                </h2>
                            {% endif %}
                        </div>
                        <div class="eng eng_abstract" {{ (locale == "ar" and not isEnglish) ? 'hidden' }}>
                            {% if research.englishAbstract |length >1 %}
                                <h2 class="research-abstract">
                                    {{ research.englishAbstract }}
                                </h2>
                            {% else %}
                                <h2 class="noData">
                                    {{ 'research.noEnglishAbstrat'|trans }}
                                </h2>
                            {% endif %}
                        </div>
                    </div>

                    <hr>

                    {# AI Section #}
                    {% set ai_summary_conditon = ai_summary is defined and ai_summary is not empty %}
                    {% set ai_critique_conditon = ai_critique is defined and ai_critique is not empty %}
                    {% set chatGPT_conditon = chatGPT is defined and chatGPT is not empty %}
                    {% set ai_keywords_conditon = ai_keywords is defined and ai_keywords is not empty  %}
                    {% if ai_summary_conditon or ai_critique_conditon or ai_keywords or chatGPT_conditon %}
                        <div>
                            <div style="display:flex;flex-wrap: wrap;">

                            <div class="section-head" style="font-size: 2rem; flex-grow:0;">
                                {{ 'research.ai_section'|trans }}:
                            </div>
                            {% if not subscribed %}
                                <div style="margin-inline-start:10px;">
                                    <a style="min-width: 340px;margin:0px;" class="new-button  btn" href="{{path('shamra_academia_subscription')}}?ref=ai_content">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-unlock" viewBox="0 0 16 16">
                                            <path d="M11 1a2 2 0 0 0-2 2v4a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h5V3a3 3 0 0 1 6 0v4a.5.5 0 0 1-1 0V3a2 2 0 0 0-2-2M3 8a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z"/>
                                        </svg>
                                        {{ 'research.ai_unlock_btn'|trans }}
                                    </a>
                                </div> 
                            {% endif %}
                        </div> 
                            
                            {# AI Summery #}
                            {% if ai_summary_conditon %}
                                <div class="info-section main-section">
                                    <div class="section-head" style="font-size: 2rem;">
                                        {{ 'research.ai_summary'|trans }}
                                    </div>
                                    {% if subscribed %}
                                        <div>
                                            {{ai_summary}}
                                        </div>
                                    {% else %}
                                        <div style="filter:blur(5px); user-select:none;">
                                            {{ai_summary}}
                                        </div>
                                    {% endif %}
                                </div>
                            {% endif %}
                            {# END #}

                            {# AI Critique #}
                            {% if ai_critique_conditon %}
                                <div class="info-section main-section">
                                    <div class="section-head" style="font-size: 2rem;">
                                        {{ 'research.ai_critique'|trans }}
                                    </div>
                                    {% if subscribed %}
                                        <div>
                                            {{ai_critique}}
                                        </div>
                                    {% else %}
                                        <div style="filter:blur(5px); user-select:none;">
                                            {{ai_critique}}
                                        </div>
                                    {% endif %}
                                </div>
                            {% endif %}
                            {# END #}

                            {# GPT questions #}
                            {% if chatGPT_conditon %}
                                <div class="section-head" style="font-size: 2rem;">
                                    {{ 'chatbot.question-title'|trans }}
                                </div>
                                    {# <img style="width: 26px;height: 26px;" src="{{ asset('bundles/syndexacademic/images/openAilogo.jpg') }}"/> #}
                                </h3>
                                {% if subscribed %}
                                    <ol>
                                        {% for question in chatGPT %}
                                            <li> 
                                                <div class="research-title" style="color:#00A550;"> {{ question.question }} </div>
                                                <p> {{ question.answer }} </p>
                                            </li>       
                                        {% endfor %}
                                    </ol>
                                {% else %}
                                    <ol style="filter:blur(5px); user-select:none;">
                                        {% for question in chatGPT %}
                                            <li> 
                                                <div class="research-title" style="color:#00A550;"> {{ question.question }} </div>
                                                <p> {{ question.answer }} </p>
                                            </li>       
                                        {% endfor %}
                                    </ol>
                                {% endif %}
                                
                            {% endif %}
                            {# END #}

                            {# AI Keywords #}
                            {% if ai_keywords_conditon %}
                                <div class="info-section main-section">
                                    <div class="section-head" style="font-size: 2rem;">
                                        {{ 'research.ai_keywords'|trans }}
                                    </div>
                                    {% if ai_keywords|length >0 %}
                                        {% for keyword in ai_keywords %}
                                            <span class="research-keyword">
                                                <a href="{{ path('shamra_academia_filter', {'tags':keyword , 'type':0}) }}">{{ keyword }}</a>
                                            </span>
                                        {% endfor %}
                                    {% else %}
                                        <div class="noData">
                                        no keywords
                                        </div>
                                    {% endif %}
                                </div>
                            {% endif %}
                            {# END #}
                        </div>
                    {% endif %}
                    {# END of AI Section #} 

                    <hr>

                    {% if research.researchReferences is defined %}
                        <div class="info-section main-section">
                            <div class="section-head" style="font-size: 2rem;">
                                {{ 'research.researchReferences'|trans }}
                            </div>
                            {% if research.researchReferences|length >0 %}
                                {% for reference in research.researchReferences %}
                                    {% if not ( reference|first|lower in 'a'..'z' ) %}
                                        <div class="research-reference">
                                            <i class="fa fa-book" style="color: #ff8600"></i>
                                            {{ reference }}
                                        </div>
                                    {% else %}
                                        <div class="research-reference eng">
                                            <i class="fa fa-book" style="color: #ff8600"></i>
                                            {{ reference }}
                                        </div>
                                    {% endif %}
                                {% endfor %}
                            {% else %}
                                <div class="noData">
                                    {{ 'research.noReferences'|trans }}
                                </div>
                            {% endif %}
                        </div>
                    {% endif %}

                    <div class="info-section">
                        <div>
                            <span class="section-head" style="font-size: 2rem;">{{ 'research.rate.label'|trans }}</span>
                            <span class="fa fa-star-o medium rate" style="color: #FD4" data-rate="1" data-slug="{{research.slug}}" data-toggle="tooltip" title="{{ 'research.rate.bad'|trans }}"></span>
                            <span class="fa fa-star-o medium rate" style="color: #FD4" data-rate="2" data-slug="{{research.slug}}" data-toggle="tooltip" title="{{ 'research.rate.fair'|trans }}"></span>
                            <span class="fa fa-star-o medium rate" style="color: #FD4" data-rate="3" data-slug="{{research.slug}}" data-toggle="tooltip" title="{{ 'research.rate.good'|trans }}"></span>
                            <span class="fa fa-star-o medium rate" style="color: #FD4" data-rate="4" data-slug="{{research.slug}}" data-toggle="tooltip" title="{{ 'research.rate.veryGood'|trans }}"></span>
                            <span class="fa fa-star-o medium rate" style="color: #FD4" data-rate="5" data-slug="{{research.slug}}" data-toggle="tooltip" title="{{ 'research.rate.excellent'|trans }}"></span>
                        </div>
                        
                        <div style="border:none">
                        </div>
                    </div>



                    {# related researches #}
                    <hr/>

                    {% if matchedResearches is defined and matchedResearches is not empty %}
                        <h3 class=""> {{ 'suggested.research.more'|trans }}</h3>
                        {% if isEnglish %}
                            <div>
                                {{ include('@syndexAcademic/Default/research_english.html.twig',{'isSubscribed':subscribed}) }}
                            </div>
                        {% else %}
                            <div>
                                {{ include('@syndexAcademic/Default/research_brief.html.twig',{'isSubscribed':subscribed}) }}
                            </div>
                        {% endif %}    
                    {% endif %}

                    {# END #}

                    {% if bytag|length > 0 %}
                    <h3 class="section-head"> {{ 'suggested.question.title'|trans }}</h3>
                        {% for qtag in bytag  %}
                            <div class="card col-xs-12 col-md-9">
                                <div class="title question-title">
                                    <a style="text-decoration: none;color: #00A550;" href="/questions/public/show/{{qtag.slug}}">
                                        {{ qtag.question }}
                                    </a>
                                </div>
                                <div class="meta">
                                    <span title="{{ 'userProfile.research.views'|trans({},'Academia') }}" data-toggle="tooltip"><i class="fa fa-eye academia-icon"></i> {{qtag.views }} &nbsp;</span>-
                                    <span title="{{ 'suggested.question.interests'|trans }}" data-toggle="tooltip"><i class="fa fa-star academia-icon"></i> {{ qtag.interested }} &nbsp;</span>-
                                    <span title="{{ 'suggested.question.publishedAt'|trans }}" data-toggle="tooltip">
                                        <i class="fa fa-clock-o academia-icon" ></i>
                                        <time datetime=" {{qtag.createdAt|date('Y-m-d H:i:s') }}"></time>
                                    </span> -
                                    <span title="{{ 'suggested.question.publishedBy'|trans }}" data-toggle="tooltip"><i class="fa fa-user academia-icon"></i>&nbsp;<a href="{{ path('user_profile_show',{'username': qtag.username}) }}">{{ qtag.firstName ~' '~ qtag.lastName }}</a> </span>
                                    <span >{{ 'suggested.question.field'|trans }} (<a href="{{ path('shamra_academia_question_filter',{'f': qtag.arabicFullName}) }}"> {{ (locale == 'en') ? qtag.englishFullName:qtag.arabicFullName }}</a>)</span>
                                </div>
                                <div class="tags keywords">
                                    {% for tag in relatedQuestionTag[qtag['slug']] %}
                                        <span class="research-keyword"><a href="{{ path('shamra_academia_question_filter',{'interests':tag}) }}">{{ tag}}</a></span>
                                    {% endfor %}
                                </div>
                            </div>
                        {% endfor %}
                    {% elseif byfield|length > 0 %}
                    <hr/>
                    <h3 class=""> {{ 'suggested.question.title'|trans }} </h3>
                        {% for qfield in byfield  %}
                            <div class="card col-xs-12 col-md-9">
                                <div class="title question-title">
                                    <a style="text-decoration: none;color: #00A550;" href="/questions/public/show/{{qfield.slug}}">
                                        {{ qfield.question }}
                                    </a>
                                </div>
                                <div class="meta">
                                    <span title="{{ 'userProfile.research.views'|trans({},'Academia') }}" data-toggle="tooltip"><i class="fa fa-eye academia-icon"></i> {{qfield.views }} &nbsp;</span>-
                                    <span title="{{ 'suggested.question.interests'|trans }}" data-toggle="tooltip"><i class="fa fa-star academia-icon"></i> {{ qfield.interested }} &nbsp;</span>-
                                    <span title="{{ 'suggested.question.publishedAt'|trans }}" data-toggle="tooltip">
                                        <i class="fa fa-clock-o academia-icon" ></i>
                                        <time datetime=" {{qfield.createdAt|date('Y-m-d H:i:s') }}"></time>
                                    </span> -
                                    <span >{{ 'suggested.question.field'|trans }} (<a href="{{ path('shamra_academia_question_filter',{'f': qfield.arabicFullName}) }}">{{ (locale=='ar')?qfield.arabicFullName:qfield.englishFullName }}</a>)</span>

                                </div>
                                <div class="tags keywords">
                                    {% for tag in relatedQuestionField[qfield['slug']] %}
                                        <span class="research-keyword"><a href="{{ path('shamra_academia_question_filter',{'interests':tag}) }}">{{ tag}}</a></span>
                                    {% endfor %}
                                </div>
                            </div>
                        {% endfor %}
                    {% endif %}         
                    
                    
                    <div class="col-xs-12 col-md-10">
                        {% include '@Comment/commentViews/commentBase.twig' %}
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-md-3">
                <div id="f_result" class="alert" hidden></div>
                {% if not app.user %}
                    <div class="alert alert-warning">{{ 'homepage.subscriptionAlert'|trans }}</div>
                {% endif %}
                {% if app.user %}
                    {% if subscribtion is defined %}
                        <div class="academia-card subscriptionSide">
                            {% if subscribtion['tags']|length > 0 %}
                                {% for tag in subscribtion['tags'] %}
                                    <div class="">
                                        <div class="subscriptionCard">
                                            <div class="subscriptionTitle">
                                                {{ tag['tag'].context }}
                                            </div>
                                            {% if tag['isFollowed'] %}
                                                <button data-type="tag" data-follow="1" data-slug="{{ tag['tag'].slug }}" class="subscriptionButton" {{ float }}>{{ 'unfollow.tag'|trans }}</button>
                                            {% else  %}
                                                <button data-type="tag" data-follow="0" data-slug="{{ tag['tag'].slug }}" class="subscriptionButton" {{ float }}>{{ 'follow.tag'|trans }}</button>
                                            {% endif %}
                                            <span style="float: left;margin-left: 3px;"><i class="fa fa-spinner fa-spin" style="display: none"></i></span>
                                        </div>
                                    </div>
                                {% endfor %}
                            {% endif %}

                            {% if subscribtion['contributer'] is not null %}
                                {% for co in subscribtion['contributer'] %}
                                    {% if co['contributer'].fullName != app.user.firstName~' '~app.user.lastName  %}
                                        <div class="">
                                            <div class="subscriptionCard">
                                                <div class="subscriptionTitle">
                                                    {{ co['contributer'].fullName }}
                                                </div>
                                                {% if co['isFollowed'] %}
                                                    <button data-type="contributer" data-follow="1" data-slug="{{ co['contributer'].slug }}" class="subscriptionButton" {{ float }}>{{ 'unfollow.tag'|trans }}</button>
                                                {% else  %}
                                                    <button data-type="contributer" data-follow="0" data-slug="{{ co['contributer'].slug }}" class="subscriptionButton" {{ float }}>{{ 'follow.tag'|trans }}</button>
                                                {% endif %}
                                                <span style="float: left;margin-left: 3px;"><i class="fa fa-spinner fa-spin" style="display: none"></i></span>
                                            </div>
                                        </div>
                                    {% endif %}
                                {% endfor %}
                            {% endif %}
                        </div>
                    {% endif %}
                {% endif %}
                <div class="">
                    <div>
                        <div class="academia-card universityCard">
                            <div class="uni-logo">
                                {% if suggestedPublisher.additionalInfo.logo is defined%}
                                    <img class="img-responsive img-rounded uni-img" src="{{ '/uploads/publishers/'~suggestedPublisher.additionalInfo.logo}}"/>
                                {% else %}
                                    <img class=" img-rounded uni-img" src="{{ asset('bundles/syndexacademic/images/academia_logo.png') }}" />
                                {% endif %}
                            </div>
                            <div class="uni-details">
                                <a href="{{ path('syndex_universities_show_university',{'slug':suggestedPublisher.slug}) }}"><p class="uni-name">{{ (locale=='ar')? suggestedPublisher.arabicFullName : suggestedPublisher.englishFullName }}</p></a>
                            </div>
                            <div class="suggestButtons">
                                <a href="{{ path('syndex_universities_show_university',{'slug':suggestedPublisher.slug}) }}" role="button" class="btn uni-view">{{ 'universities.universityDetails'|trans }}</a>
                                <a href="{{ path('syndex_universities_search') }}" role="button" class="btn universites-view">{{ 'universities.moreUniversity'|trans }}</a>
                            </div>
                        </div>
                    </div>
                </div>

                {# {% include('@syndexAcademic/Default/suggestList.html.twig') %} #}
            </div>
        </div>
        {% if course != null and course.status == "accepted"%}
            <a href="{{ path('syndex_lesson_list' , {course_slug : course.slug}) }}"> 
                <div id="course-container" class="row shadow">
                    <div id="course-card">
                        <div class="row">
                            <div class="profile-pic col-md-3 col-xs-12">
                                <img  src="{{img}}course/{{course.imageCover}}" alt=""
                                    class="img-responsive img-cover" style="max-height: 250px;">
                            </div>
                            <div class="course_info  col-md-9 col-xs-13">
                                <h3> {{ course.title }} </h3> 
                                {{course.description}}
                                <div class="card-footer row"> 
                                    {% if app.user and app.user != course.createdBy and not isCustomer %}
                                        <div class="new_lesson" style="max-width:150px;margin-right:15px;">
                                            <button id="checkout-button" class="new-button btn">
                                                <i class="fa fa-shopping-cart"></i> {{ 'list.buy'|trans({}, 'lesson') }} 4.99$
                                            </button>
                                        </div>
                                    {% elseif app.user == null %}
                                        <div class="new_lesson" style="max-width:150px;margin-right:15px;">
                                            <button id="" onclick="window.location = '/login'" class="new-button btn">
                                                <i class="fa fa-shopping-cart"></i> {{ 'list.buy'|trans({}, 'lesson') }} 4.99$
                                            </button>
                                        </div>
                                    {% endif %} 
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="upper-note">
                        {{ 'research.featured-courses'|trans }}
                    </div>
                </div>
            </a>
        {% endif %}
    </div>
    <div id="citationModal" class="modal fade" role="dialog">
        <div class="modal-dialog">

            <div class="modal-content">
                <div class="modal-header customModalTitle">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title ">{{ 'userProfile.statistics.cites'|trans }}</h4>
                </div>
                <div class="modal-body">
                    <p id="cite_result_message" hidden class="alert alert-success" style="text-align: center;">{{ 'homepage.copyMessage'|trans }}</p>
                    <p id="cite_title">{{ "homepage.cite"|trans }}</p>
                    <br>
                    <p id="citation">
                        {% if not isEnglish %}
                            {% if con_length > 0 %}
                                {{ research.researchContributersRoles[0].contributer.fullName }}
                            {% endif %}
                            {% if con_length >1 %}
                                {% for i in range(1,con_length-1) %}
                                    {{',' ~ research.researchContributersRoles[i].contributer.fullName }}

                                {% endfor %}
                            {% endif %}
                            .
                            {{ "("~research.publicationDate|date('Y')~")" }}
                        {% else %}
                            {% if con_length > 0 %}
                                {{ authors[0] }}
                            {% endif %}
                            {% if con_length >1 %}
                                {% for i in range(1,con_length-1) %}
                                    {{',' ~ authors[i] }}

                                {% endfor %}
                            {% endif %}
                            .
                            {{ "("~research.createdAt|date('Y')~")" }}
                        {% endif %}
                        .
                        <i>"{{ research.arabicFullTitle?research.arabicFullTitle:research.englishFullTitle }}"</i>
                        .
                        {% if research.publisher  is defined and research.publisher %}
                            {{ research.publisher.arabicFullName }}
                        {% else %}
                            {{  research.textualPublisher }}
                        {% endif %}
                    </p>
                    <p id="slug" hidden></p>
                </div>
                <div class="modal-footer">
                    <a id="copyButton" class="btn copyButton" >{{ 'homepage.copyButton'|trans }}</a>
                    <a href="#" class="btn closeButton" data-dismiss="modal">{{ "userProfile.confirmModal.dismiss"|trans }}</a>
                </div>
            </div>

        </div>
    </div>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {% if chatbotsubscribed is defined and chatbotsubscribed %}
        <script>
            var botmanWidget = {
                frameEndpoint: '{{ path("chat_frame") }}',
                chatServer: '{{ path("chat_message",{"research_slug": research.slug }) }}',
                title: '{{ "chatbot.title"|trans }}',
                displayMessageTime: true,
                introMessage: '{{ "chatbot.introMessage"|trans }}',
                placeholderText: '{{ "chatbot.placeholderText"|trans({'tokens':chaToken,'limit':CHATBOT_LIMIT}) }}',
                mainColor: '#00a550',
                color: '#fff',
                bubbleBackground: '#fff',
                bubbleAvatarUrl: "{{ asset('bundles/syndexacademic/images/chatBotLogo.jpg') }}",
                userId: "{{app.user.username??''}}",
                aboutText: "Powered by BotMan and OpenAI",
                aboutLink: "https://botman.io",
            };

             $(document).ready(function() {
                const botmanLimitInterval = setInterval(checkBotmanLimit, 2000);
                function checkBotmanLimit(){
                    $.ajax({
                        url: "{{path('chat_tokens_placeholder')}}",
                        success: function (data, status) {
                            var frames = window.frames
                            for(var index = 1; index < frames.length; index ++) {
                                var element = frames[index]
                                if(element.frameElement != null){
                                    if(element.frameElement.src != null){
                                        if(element.frameElement.src.match("{{ App_SCHEME ~ '://' ~ App_HOST }}/chat/frame") != null){
                                            if(element.document.getElementById("userText") != null){
                                                element.document.getElementById("userText").placeholder = data["trans"];
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    })
                }
             })


            $(document).ready(function() {
                const botmanInterval = setInterval(checkBotman, 1000);
                function checkBotman(){
                    if(window.botmanChatWidget != "undefined"){
                        clearInterval(botmanInterval);
                    }
                }

                if(!window.addEventListener){
                    // IE8 support
                    window.attachEvent('onmessage', handleMessage);
                } else {
                    window.addEventListener('message', handleMessage, false);
                }

                function handleMessage(event){
                    if (event.origin !== "{{ App_SCHEME ~ '://' ~ App_HOST }}") return;
                    if(typeof event.data  === 'string' || event.data  instanceof String){
                        var message  = event.data;
                        window.botmanChatWidget.say(message);
                    }
                }
            });

        </script>
        <script src='https://cdn.jsdelivr.net/npm/botman-web-widget@0/build/js/widget.js'></script>
    {% endif %}
    {% if not userman.has_subscribtion() %}
        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3326822702504482" crossorigin="anonymous"></script>
    {% endif %}
    <script src="{{ asset('bundles/syndexacademic/js/show-research.js') }}?v=1.9"></script>
    <script src="{{ asset('bundles/comment/js/shamraComments.js') }}"></script>
    <script>
        $(document).ready(function () {
            {% if not isEnglish %}
                $(document).on('click','#preview_button',function (e) {
                    if(!$('#preview').is(':visible')) {
                        var x="{{ asset('uploads/documents/'~research.document) }}#toolbar=0"
                        var object = "<embed src='"+x+"'  type='application/pdf' width='100%' height='600'></embed>"
                        $('#preview').append(object).show();
                    }
                })
            {% endif %}
            $(document).on('click','#download_button',function (e) {
                var slug = "{{ research.document is defined? research.document:research.slug }}"
                window.open(Routing.generate('shamra_academia_download_document',{type:{{isEnglish?1:0}},documentName:slug}),'_blank')
            })
            $(document).on('click','#arabic_abstract',function (e) {
                e.preventDefault()
                if(!$(this).hasClass('abs-active')){
                    $(this).addClass('abs-active')
                    $('#english_abstract').removeClass('abs-active')
                    $('.ara').show()
                    $('.eng_abstract').hide()
                }
            })
            $(document).on('click','#english_abstract',function (e) {
                e.preventDefault()
                if(!$(this).hasClass('abs-active')){
                    $(this).addClass('abs-active')
                    $('#arabic_abstract').removeClass('abs-active')
                    $('.eng_abstract').show()
                    $('.ara').hide()
                }
            })
        })
    </script>
    <script>
        var AcademiaComment=new Comment("{{isEnglish?"academia_english_research":"academia_research"}}","{{ research.slug }}","{{ userman.csrfToken }}",{% if app.user %}true{% else %}false{% endif %});
        AcademiaComment.init();
    </script>
{% endblock %}