{% extends 'syndexAcademicBundle::main_layout.html.twig' %}

{% trans_default_domain "Academia" %}

{% block og_title %}{{ 'title'|trans({}, 'Academia') }}{% endblock%}

{% block metaKeywords %}
    أبحاث,أكاديميا,محتوى علمي,شمرا أكاديميا
{% endblock %}
{% block metaDescription %}{{ 'about'|trans({}, 'Academia') }}{% endblock%}

{% block og_description %}{{ 'about'|trans({}, 'Academia') }}{% endblock%}
{% block og_image %}{{ asset('bundles/syndexacademic/images/shamra-academy-logo-300-300.jpg', absolute=true) }}{% endblock%}
{% block og_image_width %}300{% endblock%}
{% block og_image_height %}300{% endblock%}

{% block title %}
    {{ 'title'|trans }}
{% endblock %}

{% block body %}
    <div  class="container-fluid">
        <div class="row-fluid">
            {{ include('syndexSearchBundle:Default:SearchBar.html.twig', { 'searchRoute': 'syndex_academic_search','searchMsg': 'search.msg'|trans }) }}
            <div id="new-research-button">
                <a class="btn btn-default" role="button" href="{{ path('shamra_academia_research_new') }}">
                    <i class="fa fa-plus"></i>&nbsp;{{ 'page.title.new' |trans }}
                </a>
            </div>
            <hr>
        </div>

        <div class="row-fluid" >
            <div class="col-md-2">
                <div id="select-category-div" hidden>
                    <a class="btn" href="#">
                        {{ 'select.research.category'|trans }}
                    </a>
                </div>
                <div id="categories-list-div" class="list-group">
                    <a href="" id="all-researches" class="list-group-item">
                        جميع الأبحاث
                    </a>
                    {% for category in categories %}
                        {% if category.slug != 'article' and category.slug != 'paper' %}
                            <a href="{{ path('shamra_academia_get_researches_by_category', {'category': category.slug}) }}"
                               id="{{category.slug}}" class="list-group-item">{{category.arabicFullName}}
                            </a>
                        {% endif %}
                        {% if loop.index == 4 %}
                            <a href="{{ path('shamra_academia_get_researches_by_category', {'category': 'article-report'}) }}"
                               id="article-report" class="list-group-item">مقالة&nbsp;/&nbsp;ورقة بحثية
                            </a>
                        {% endif %}
                    {% endfor %}
                </div>
            </div>
            <div class="col-md-7">
                <div id="adsResult" class="row hidden-md hidden-lg"  style="padding-right:10px;padding-left: 10px " >

                    {% if permAds is not null %}
                        {{ include('BuisnessBundle:AdsBlock:perm.html.twig') }}
                    {% endif %}

                </div>
                <nav class="navbar navbar-default">
                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-academia" 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>
                            <span class="navbar-brand" href="#">فلترة النتائج</span>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-academia">
                            <ul class="nav navbar-nav">
                                <li class="dropdown">
                                    <a href="#" id="filter-select-label" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> عرض حسب<span class="caret"></span></a>
                                    <ul id="filter" class="dropdown-menu">
                                        <li><a href="#" id="publisher">الجهة الناشرة</a></li>
                                        <li><a href="#" id="field">مجـال البــحث</a></li>
                                    </ul>
                                </li>
                            </ul>
                            <ul id="order-select-ul" class="nav navbar-nav">
                                <li class="dropdown">
                                    <a href="#" id="order-select-label" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> ترتيب حسب<span class="caret"></span></a>
                                    <ul id="order" class="dropdown-menu">
                                        <li><a id="publicationDate" href="#">تاريخ النشر</a></li>
                                        <li><a id="createdAt" href="#">تاريخ الإضافة</a></li>
                                        <li><a id="hits" href="#">عدد الزيارات</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->

                    <div class="container-fluid">
                        {# It's a div that contains a dropdown list of existing publishers #}
                        <div id="publishers-list-div" class="form-group" hidden>
                            <label class="control-label">الجهة الناشرة : </label>
                            <select id="publishers-list-select">
                                <option value="0" selected="selected" disabled="disabled">اختر الجهة الناشرة</option>
                                {% for publisher in publishers %}
                                    <option value="{{publisher.slug}}">{{publisher.arabicFullName}}</option>
                                {% endfor %}
                            </select>
                        </div>
                        {# It's a div that contains a dropdown list of existing fields #}
                        <div id="fields-list-div" class="form-group" hidden>
                            <label class="control-label">مجـال البــحث : </label>
                            <select id="fields-list-select">
                                <option value="0" selected="selected" disabled="disabled">اختر مجال البحث</option>
                                {% for field in fields %}
                                    <option value="{{field.slug}}">{{field.arabicFullName}}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div><!-- /.container-fluid -->
                </nav>

                <div id="content">
                    {% if type == 100 %}
                        {{ include('syndexAcademicBundle:Default:search_content.html.twig') }}
                    {% else %}
                        {{ include('syndexAcademicBundle:Default:homepage_content.html.twig') }}
                    {% endif %}
                </div>

                <div id="researches-see-more" hidden>
                    <div class="row">
                        <div class="col-xs-12">
                            <a id="see-more" href="">
                                <i class="fa fa-chevron-down fa-4x"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div  id="adsResult" class="col-md-3 hidden-sm hidden-xs"  style="padding-right: 30px;" >
                {% if permAds is not null %}
                    {{ include('BuisnessBundle:AdsBlock:perm.html.twig') }}
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}

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