{% 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">
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/user/css/profile.css?v.3') }}"/>
    <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() }}

    <div class="container">
        {% if app.user is not null %}
            <nav class="navbar main">
                <div class="navbar-header" style="width:100%">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
                        <ul class="blog-menu">
                            <li class="academia-list-item {% if app.request.get('_route') == 'show_all_reference_studies'  %} active {% endif %}">
                                <a href="{{path('show_all_reference_studies')}}" class="hvr-underline-reveal low-padding ">
                                    {{ 'studies.all_studies'|trans({}, 'Academia') }}    
                                </a>
                            </li>
                            <li class="academia-list-item {% if app.request.get('_route') == 'show_user_reference_studies'  %} active {% endif %}">
                                <a href="{{path('show_user_reference_studies')}}" class="hvr-underline-reveal low-padding ">
                                    {{ 'studies.my_studies' | trans({}, 'Academia')}}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        {% endif %}

        {% if ai_studies is defined and ai_studies is not empty %}
            <div id="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>
            {% if app.request.get('_route') != 'show_user_reference_studies'  %}
                {% 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 %}
            {% 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>

            <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>
        {% else %}
            {{ 'homepage.noResult'|trans({},'Academia') }}
        {% endif %}
    </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>
<script>
</script>
{% endblock %}