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

{% trans_default_domain "Academia" %}

{% set route = app.request.attributes.get('_route') %}
{% set length= matchedResearches|length %}
{% if titlePar is not defined %}
    {% set titlePar = "academia.engine"|trans %}
    {% set filterType = "none" %}    
{% endif %}

{% block title %}
    {% if titlePar == "academia.engine"|trans %}        
        {{ 'title'|trans({'par' : titlePar}) }}
    {% else %}
        {{ metaDataFormatter(filterType)|trans ~ " " ~ titlePar }}
    {% endif %}
{% endblock %}

{% block metaKeywords %}
    {{ metaDataFormatter(filterType)|trans ~ " " ~ titlePar }}
{% endblock %}

{% block metaDescription %}
    {{ metaDataFormatter(filterType)|trans ~ " " ~ titlePar }}
{% endblock %}

{% block og_description %}
    {{ metaDataFormatter(filterType)|trans ~ " " ~ titlePar }}
{% endblock %}

{% block schemaBlock %}
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "WebSite",
            "url": "https://shamra-academia.com/",
            "potentialAction": {
                "@type": "SearchAction",
                "target": {
                "@type": "EntryPoint",
                "urlTemplate": "https://shamra-academia.com/#gsc.q={search_term_string}"
                },
                "query-input": "required name=search_term_string"
            }
        }
    </script>
{% endblock %}
    

{% block cache_meta_block %}
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate, post-check=0, pre-check=0" />
    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="pragma" content="no-cache" />
{% endblock %}
{% block css %}
    <link rel="stylesheet" href="{{ asset('bundles/syndexacademic/css/filters.css') }}?v2"/>
    <link rel="stylesheet" href="{{ asset('bundles/syndexacademic/css/englishReserachPopup.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/user/css/community.css?v2.6') }}"/>

    <style>
        .shadow{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); padding:10px;margin:10px;} 
        .event-header { border-bottom: 1px solid #dfdfdf; padding: 0 5px; }
        .event-header h4 {color: #888888;font-weight: 600;font-size: 15px;}
        #more{text-align:center}
    </style>
{% endblock %}

{% block body %}
    {{ parent() }}

    {% if pop_up is defined and pop_up == "true" %} {# make it render if study field is null #}
        <div class="modal fade in" id="popup-loginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="top: 5%; display: block; padding-right: 17px;">
            <div class="modal-dialog modal-login">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #00a550;color:white">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white">
                            <span aria-hidden="true" id="close-popup-modal">×</span></button>
                        <h4 class="modal-title" id="myModalLabel1">
                            تنبيه
                        </h4>
                    </div>
                    <div class="modal-body">
                        <div class="row" style="padding-right: 20px">
                            {{ 'homepage.noStudyField'|trans({},'Academia') }} {# add this to the translate file #}
                        </div>
                        <div class="form-group text-center">
                            <form action="{{ path('updateAcademicField') }}">
                                {{ form_widget(form.studyField) }}
                                <input class="btn btn-default btn-lg shamra-btn" type="submit" value=" {{ 'homepage.send'|trans({},'Academia') }}" />
                            </form>
                        </div>
                        <div class="row">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-backdrop fade in" id="pop_up_fade_modal"></div>
    {% endif %}

    <div class="container">
        <div class="tab-content academic-tabs">
            <div role="tabpanel" class="tab-pane active" id="academia-tab">
                <div id="adsResult" class="hidden-md hidden-lg"
                    style="padding-right:10px;padding-left: 10px ">
                </div>
                <div class="row">
                    {# research part  #}
                    <div class="col-xs-12 col-md-7">
                        <div class="event-header">
                            <h4>{{ 'research.last'|trans({}, 'Academia') }}</h4>
                        </div>
                    
                        <div>
                            <div class="gcse-searchresults" data-refinementStyle="link"></div>
                        </div>
                        
                        <div id="content"> 
                            <div id="result_message" class="alert" style="text-align: center" hidden>{{ '' }}</div>
                            {% if notFound is defined and notFound%}
                                <h4><i class="fa fa-bar-chart fa-lg"></i> {{ 'homepage.noResult'|trans({},'Academia') }} </h4>
                            {% endif %}
                           
                            {{ include('@syndexAcademic/Default/research_brief.html.twig') }}
                        </div>

                        <div class="event-header" style="margin-bottom:30px; margin-top:30px;">
                            <h4>{{ 'studies.last'|trans({}, 'Academia') }}</h4>
                        </div>
                        
                        {% if ai_studies is defined %}
                            <div id="studies_content"> 
                            
                                <div id="studies_result_message" class="alert" style="text-align: center" hidden>{{ '' }}</div>

                                {% if studiesNotFound is defined and studiesNotFound%}
                                    <h4><i class="fa fa-bar-chart fa-lg"></i> {{ 'homepage.noResult'|trans({},'Academia') }} </h4>
                                {% endif %}

                                {{ include('@syndexAcademic/Default/study_brief.html.twig') }}
                            </div>
                        {% endif %}

                        
                    </div>
                    {# end research part  #}
                    {# user part  #}
                    <div class="col-xs-12 col-md-5">
                        <div class="academia-card suggestList">
                            <div class="event-header">
                                <h4>{{ 'user.last'|trans({}, 'Academia') }}</h4>
                            </div>
                            {% for user in lastThreeUser %}
                                {% if user.image == "default_profile_pic_m.png" or user.image == "default_profile_pic_f.png" %}
                                    {% set getWebPath = "/bundles/user/img/" %}
                                {% else %}
                                    {% set getWebPath = "/uploads/profile/img" %}
                                {% endif %}
                                {% if user.gender == "m"%}
                                    {% set gender =  'user.gender.male'|trans({}, 'Academia') %}
                                {% else %}
                                    {% set gender = 'user.gender.female'|trans({}, 'Academia') %}
                                {% endif %}
                                <div class="see-more-class eventCard">
                                    <div class="media">
                                        <div class="media-right society-event-icon" style="padding:5px;">
                                            <img src="{{getWebPath}}/{{user.image}}" alt="{{ user.firstName }}"class="img-circle " align="middle" width="50" height="50">
                                        </div>
                                        <div class="media-body" >
                                            <p class="who">
                                                <a href="{{ path('user_profile_show',{'username':user.username}) }}" style="color: #00A550;" >{{ user.firstName ~' '~ user.lastName }}</a>
                                            </p>
                                            {{ 'user.register'|trans({'gender':gender}, 'Academia') }}
                                            <span title="{{ 'user.date'|trans({}, 'Academia') }}" data-toggle="tooltip">
                                                <i class="fa fa-clock-o"></i>&nbsp;
                                                <time datetime="{{user.createdAt|date('Y-m-d') }}">{{user.createdAt|date('Y-m-d') }}</time>
                                            </span>
                                            <span  data-toggle="tooltip">
                                                {{ 'user.from'|trans({}, 'Academia') }}
                                                {{ user.country }}
                                            </span>
                                            {% if user.studyField != null %}
                                                <span data-toggle="tooltip">
                                                    {{ 'user.studyField'|trans({}, 'Academia') }}
                                                    {% if app.request.locale == 'en' %}
                                                        {{ user.studyField.englishFullName }}
                                                    {% else %}
                                                        {{ user.studyField.arabicFullName }}
                                                    {% endif %}
                                                </span>
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                                <hr style="margin-top: 10px;margin-bottom: 10px;color: #fdfdfd">
                            {% endfor %}
                        </div>
                        {# end user part  #}
                        {# question part  #}
                        <div class="academia-card suggestList">
                            <div class="event-header">
                                <h4>{{ 'question.last'|trans({}, 'Academia') }}</h4>
                            </div>                  
                            {% for question in lastThreeQuestion %}
                                <div class="media">
                                    <div class="question-head">
                                        <div class="feed border-bottom" style="padding:10px">
                                            {% include 'community/question.html.twig' with {'question':question, 'alias':question.community.alias, 'publishin':true } %}
                                        </div>
                                    </div>
                                </div>
                                {# <hr style="margin-top: 10px;margin-bottom: 10px;color: #fdfdfd"> #}
                            {% endfor %}
                            <div id="more">
                                <div class="row">
                                    <div class="col-xs-12">
                                        <a style="text-decoration: none;" href="{{path('show_communities')}}"><span style="color: #00a55a;cursor: pointer">{{'question.all' | trans({},'Academia') }}</span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {# end question part  #}
                    </div>
                </div>

            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}
<!-- Load Academia Bundle's - homepage customized JavaScript file. -->
<script src="{{ asset('bundles/syndexacademic/js/homepage.js') }}?v=2.1"></script>

<script>
    $(document).ready(function () {
        const returnOldResults = (e) => {
            let con = document.getElementById('content');
            if(con)
                con.style.display = "block";
            let seeMore = document.getElementById('researches-see-more');
            if (seeMore) 
                seeMore.style.display = "block";
        };

        let isAdded = false;
        const myWebSearchStartingCallback = (gname, query) => {
            if (!isAdded) {
                console.log('first one');
                isAdded = true;
                const x = document.getElementsByClassName('gsst_a');
                if(x[0]) x[0].addEventListener("click", returnOldResults);
            }

            let con = document.getElementById('content');
            if(con)
                con.style.display = "none";
            let seeMore = document.getElementById('researches-see-more');
            if (seeMore) 
                seeMore.style.display = "none";
        };
        window.__gcse || (window.__gcse = {});
        window.__gcse.searchCallbacks = {
            web: {
                starting: myWebSearchStartingCallback,
            },
        };
        $('.tag_select').select2({
            placeholder: 'قم بإدخال كلمات مفتاحية',
            tag:true,
            width: '100% ',
            minimumInputLength: 2,
            ajax:{
                url: Routing.generate('shamra_academia_get_tag_suggestions'),
                dataType: 'json',
                type: "GET",
                quietMillis: 50,
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.context,
                                id: item.context
                            }
                        })
                    };
                },
                cache: true
            },
            tags:true
        })
        $('.research_select').select2({
            width: '100% ',
            tags:true
        })
        $('#close-popup-modal').on('click' , ()=>{
            $('#popup-loginModal').remove();
            $('#pop_up_fade_modal').remove();
        })
        $("#fos_user_profile_form_studyField").select2({width:'100%'});

        $(".question-header").click(function(){
            window.location = $(this).data("location");
        })

        $(".q-show-more").click(function(){
            window.location = $(this).data("location");
        })

    })

    const sleep = (ms)=>{
        return new Promise(resolve => setTimeout(resolve, ms));
    }
    
</script>
{% if not userman.has_subscribtion() %}
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3326822702504482" crossorigin="anonymous"></script>
{% endif %}
{% endblock %}