{% 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 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 href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
{% endblock %}
{% block body %}
    {{ parent() }}

    <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="col-xs-12 col-md-9">
                 
                            {% if  app.request.attributes.get('_route') == 'syndex_academic_scholars' %}
                                {% if app.user != null %}
                                    <form id="filter_form" class="hideForm">
                                        <div class="academia-filters">
                                            <div class="form-group">
                                                <div class="filter-header">{{ 'filterForm.filter.labal'|trans({}, 'Academia') }}</div>
                                                <div class="filter-content" style="display:flex;flex-wrap:wrap;">
                                                    <div class="filter-item" style="margin:10px 10px;display:flex;flex-direction: column;">
                                                        <label class="control-label">{{ 'research.fields'|trans({}, 'Academia') }}</label>
                                                        <input name="field" id="field_checkbox" type="checkbox"  data-toggle="toggle" data-size="small" data-style="ios" data-width="150" data-onstyle="success" data-offstyle="warning" data-on="{{app.user.studyField}}" data-off="{{ 'research.allFields'|trans({}, 'Academia') }}">
                                                    </div>
                                                </div>
                                            </div>
                                            <p id="reset_triggerd" hidden>false</p> 
                                        </div>
                                    </form>
                                {% endif %}
                            {% elseif  app.request.attributes.get('_route') == 'syndex_academic_english_scholars' %}
                                <form id="filter_form" class="hideForm">
                                    <div class="academia-filters">
                                        <div class="form-group">
                                            <div class="filter-header">{{ 'filterForm.filter.labal'|trans({}, 'Academia') }}</div>
                                            <div class="filter-content" style="display:flex;flex-wrap:wrap;">
                                                <div class="filter-item" style="margin:10px 10px;display:flex;flex-direction: column;flex-grow: 1;">
                                                    <label class="control-label">{{ 'fields'|trans }}</label>
                                                    <select id="filter_english_research_fields" name="filter_english_research_fields" >
                                                        <option value=""><label class="control-label">{{ 'form.choose.fields'|trans }}</label> </option>
                                                        {% for field in englishFields %}
                                                            <option value="{{field.id}}"> {{field.arabicName}} </option>
                                                        {% endfor %}
                                                    </select>
                                                </div>
                                                <div class="filter-item" style="margin:10px 10px;display:flex;flex-direction: column;flex-grow: 1;">
                                                    <label class="control-label">{{ 'research.tags'|trans }}</label>
                                                    <select id="filter_english_research_tags" name="filter_english_research_tags">
                                                        <option value=""><label class="control-label">{{ 'form.choose.tags'|trans }}</label> </option>
                                                        {% for tag in englishTags  %}
                                                            {% if tag.id is defined%}
                                                                <option value="{{tag.id}}">
                                                                {% if app.request.attributes.get('_locale') == 'ar'%} 
                                                                    {{tag.arabicName}}
                                                                {% else %}
                                                                    {{tag.englishName}}
                                                                {% endif %}
                                                                </option>
                                                            {% else %}
                                                                <option value="{{tag[0]}}">
                                                                {% if app.request.attributes.get('_locale') == 'ar' and loop.index % 2 == 0 %} 
                                                                    {{tag[1]}}
                                                                {% elseif app.request.attributes.get('_locale') == 'en' and loop.index % 2 == 1 %}
                                                                    {{tag[1]}}
                                                                {% endif %}
                                                                </option>
                                                            {% endif %}
                                                        {% endfor %}
                                                    </select>
                                                </div>
                                            </div>
                                            <p id="reset_triggerd" hidden>false</p> 
                                            <button id="reset_fields" class=" reset-btn" disabled>{{ 'filterForm.resetButton'|trans({}, 'Academia') }}</button>
                                        </div>
                                    </div>
                                </form>
                                <h5 id="search_score" style="color:grey"></h5>
                            {% endif %}

                        <div>
                            <div class="gcse-searchresults" data-refinementStyle="link"></div>
                        </div>
                        <div id="content"> 
                            {# this is the old search results #}
                            <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 %}
                            {% if type== 100 %}
                                {% if app.request.attributes.get('_route') == 'syndex_academic_english_scholars' or isEnglish %}
                                    {{ include('@syndexAcademic/Default/research_english.html.twig') }}
                                {% else %}
                                    {{ include('@syndexAcademic/Default/research_brief.html.twig') }}
                                {% endif %}
                            {% elseif type==50 %}
                                <div class="row">
                                    <div class="col-xs-12 alert alert-danger">
                                        {% if outs.type=='tag' %}
                                            {{ 'لم يتم العثور على الكلمة المفتاحية ' ~"("~outs.value~")" }}
                                        {% elseif outs.type=='contributer' %}
                                        {% endif %}
                                    </div>
                                </div>
                            {% else %}
                                {% if app.request.attributes.get('_route') == 'syndex_academic_english_scholars' or isEnglish %}
                                    {{ include('@syndexAcademic/Default/research_english.html.twig') }}
                                {% else %}
                                    {{ include('@syndexAcademic/Default/research_brief.html.twig') }}
                                {% endif %}
                            {% endif %}
                        </div>
                            {% if  app.request.query.get('page') <= "7" %}
                                <div id="researches-see-more">
                                    <div class="row">
                                        <div class="col-xs-12">
                                            <span style="color: #00a55a;cursor: hand"><i class="fa fa-chevron-down fa-4x"></i></span>
                                        </div>
                                    </div>
                                </div>
                            {% endif %}
                            <div id="seeimg" style="display: none">
                                <div class="sh-spin">
                                    <div class="bon1"></div>
                                    <div class="bon2"></div>
                                    <div class="bon3"></div>
                                </div>
                            </div>
                    </div>
                    <div class="col-xs-12 col-md-3">
                        <div id="f_result" class="alert" hidden></div>
                        
                        <div class="academia-card universityCard">
                            <div class="uni-logo">
                                {% if suggestedPublisher.additionalInfo.logo is defined%}
                                    <img class="img-responsive img-rounded uni-img" width="75" height="75" src="{{ '/uploads/publishers/'~suggestedPublisher.additionalInfo.logo}}" />
                                {% else %}
                                    <img class=" img-rounded uni-img" width="75" height="75" 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">{{ (app.request.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({},'Academia') }}</a>
                                <a href="{{ path('syndex_universities_search') }}" role="button" class="btn universites-view">{{ 'universities.moreUniversity'|trans({},'Academia') }}</a>
                            </div>
                        </div>
                </div>
                </div>
                <p id="page_num" hidden>2</p>
                <p id="fetched_items" hidden>0</p>
                <p id="filter_page_num" hidden>1</p>
                <p id="first_load" hidden>true</p>
                <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({},'Academia') }}</h4>
                            </div>
                            <div class="modal-body">
                                <p id="cite_result_message" hidden class="alert alert-success" style="text-align: center;">{{ 'homepage.copyMessage'|trans({},'Academia') }}</p>
                                <p id="cite_title">{{ 'homepage.cite'|trans({},'Academia')}}</p>
                                <br>
                                <p id="citation"></p>
                                <p id="slug" hidden></p>
                            </div>
                            <div class="modal-footer">
                                <a id="copyButton" class="btn copyButton" >{{'homepage.copyButton'|trans({},'Academia')}}</a>
                                <a href="#" class="btn closeButton" data-dismiss="modal">{{ 'userProfile.confirmModal.dismiss'|trans({},'Academia') }}</a>
                            </div>
                        </div>
                    </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 src="{{ asset('bundles/syndexacademic/js/filters.js') }}?v=2.3"></script>
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></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 %}
<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%'});
    })

    $('#filter_english_research_fields').select2({dir:'rtl',width:'100%'})
    $('#filter_english_research_tags').select2({dir:'rtl',width:'100%'})

</script>
{% endblock %}