{% extends '@syndexAcademic/main_layout.html.twig' %}
{% set route = app.request.attributes.get('_route') %}
{% block title %}
    {{ 'society_title'|trans({}, 'Academia') }}
{% 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 og_title %}{{ 'society_title'|trans({}, 'Academia') }}{% endblock%}
{% block og_description %}{{ 'societyDescrition'|trans({}, 'Academia') }}{% endblock%}
{% block og_url %}{{ url('shamra_academia_academic_society') }}{% endblock%}
{% block og_image %}{{ asset('bundles/syndexacademic/images/academiaLogoNew_300.jpg') }}{% endblock%}
{% block og_image_width %}300{% endblock%}
{% block og_image_height %}300{% endblock%}
{% block jqueryui %}{% endblock %}
{% block metaKeywords %}{{ 'societyKeywords'|trans({}, 'Academia') }}{% endblock %}

{% block css %}
    <link rel="stylesheet" href="{{ asset('bundles/syndexacademic/css/society.css?v.1.8') }}">
    <link rel="stylesheet" href="{{ asset('bundles/syndexacademic/css/filters.css') }}">
    <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
{% endblock %}
{% if activeResearchers is defined and activeResearchers|length >0 %}
    {% set found =true %}
{% else %}
    {% set found =false %}
{% endif %}

{% block body %}
    {{ parent() }}
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-8">

                <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" >
                                        <label class="control-label">{{ 'research.tags'|trans({}, 'Academia') }}</label>
                                        <select name="interests[]" id="res_tag_select" class="society-interests-select" multiple></select>
                                    </div>
                                    {% if app.user != null %}
                                        <div class="filter-item" style="margin:0px 10px;display:flex;flex-direction: column;">
                                            <label class="control-label">{{ 'question.fields'|trans({}, 'Academia') }}</label>
                                            <input name="field" id="field_checkbox" type="checkbox"  data-toggle="toggle" data-size="small" data-style="ios" data-width="120" data-onstyle="success" data-offstyle="warning" data-on="{{app.user.studyField}}" data-off="{{ 'question.allFields'|trans({}, 'Academia') }}">
                                        </div>
                                    {% endif %}
                                
                            </div>

                        </div>
                        <p id="reset_triggerd" hidden>false</p> 
                    </div>
                </form>
                <div id="content">
                    <div>
                        <div class="gcse-searchresults" data-refinementStyle="link"></div>
                    </div>
                   
                    {# old question listing #}
                    {% if questions is defined  %}
                    <div id="questions-content">
                        <div class="event-header">
                            <h4>{{ 'question.last'|trans({}, 'Academia') }}</h4>
                        </div>
                        <div id="questions-container" class="event-container">
                            {% if questions|length ==0 %}
                                <div class="noData" style="display: none">{{ 'question.noNew' }}</div>
                                <img class="img-responsive loading" src="{{ asset('bundles/user/img/loading.gif') }}" width="60" height="60">
                            {% endif %}
                            {% for event in questions %}
                                {% include ('@syndexAcademic/Society/questionsCard.html.twig') %}
                            {% endfor %}
                        </div>
                    </div>
                    {% endif %}

                </div>

                {# old see more question #}
                {% if (questions is defined and (questions|length) % 10 == 0) %}
                    <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>
                    <div id="seeimg" style="display: none">
                        <div class="sh-spin">
                            <div class="bon1"></div>
                            <div class="bon2"></div>
                            <div class="bon3"></div>
                        </div>
                    </div>
                {% endif %}
            </div>
            <div class="col-xs-12 col-md-4">
                <div class="academia-card suggestList">
                    <div class="event-header">
                        <h4>{{ 'event.last'|trans({}, 'Academia') }}</h4>
                    </div>
                    {% for event in events %}
                        {% if app.request.locale == 'ar' %}                              
                            {% include ('@syndexAcademic/Society/eventCard.html.twig') %}
                        {% else %}
                            {% include ('@syndexAcademic/Society/eventCardEn.html.twig') %}    
                        {% endif %}
                    {% endfor %}
                </div>
            </div>
        </div>
        <p id="page_num" hidden>2</p>
    </div>
{% endblock %}
{% block javascripts %}
    <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
    <script src="{{ asset('bundles/syndexacademic/js/filters.js') }}?v=2.3"></script>
    <script src="{{ asset('bundles/syndexacademic/js/society.js') }}?v=1.5"></script>

    <script>
        $('time').each(function (index) {
            var eventDate=moment($(this).attr('datetime')).add(defTime1);
            eventDate.locale('{{ app.request.locale }}')
            $(this).text(moment.min(eventDate,moment()).fromNow());
        });
        $('.society-interests-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
        })
        $('.society-select').select2({
            width:'100%',
            tags:true
        })
        $(document).ready(function () {
            const returnOldResults = (e) => {
                let con = document.getElementById('questions-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('questions-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,
                },
            };
            setInterval(function (){$('time').each(function (index) {
                var eventDate=moment($(this).attr('datetime')).add(defTime1);
                eventDate.locale('{{ app.request.locale }}')
                $(this).text(moment.min(eventDate,moment()).fromNow());
            })},1000)
            if (window.screen.width < 767){
                $('.clearing').removeClass('clearfix')
            }
            else{
                $('.clearing').addClass('clearfix')
            }
        })

    </script>
{% endblock %}