{% extends '@syndexAcademic/main_layout.html.twig' %}
{% trans_default_domain "Academia" %}
{% set og_desc = 'universities.index.description'|trans({}, 'Academia') %}
{% if university.arabicDescription is not null %}
    {% set og_desc = university.arabicDescription %}
{% endif %}
{% set og_logo = asset('bundles/syndexacademic/images/academiaLogoNew_300.jpg') %}
{% set locale = app.request.locale %}
{% if university.additionalInfo is not null %}
    {% if university.additionalInfo.logo %}
        {% set og_logo = asset('uploads/publishers/' ~ university.additionalInfo.logo) %}
    {% endif %}
{% endif %}

{% block metaKeywords %}
    {{ 'universities.keywords'|trans }}
{% endblock %}
{% block metaDescription %}{{ og_desc }}{% endblock %}
{% block og_title %}{{ university.arabicFullName }} | {{ "universities.shamra"|trans }}{% endblock %}
{% block og_description %}{{ og_desc }}{% endblock %}
{% block og_image %}{{ og_logo }}{% endblock %}
{% block og_image_width %}300{% endblock %}
{% block og_image_height %}300{% endblock %}
{% block og_url %}{{ app.request.scheme ~'://' ~ app.request.httpHost ~ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}{% endblock %}

{% block title %}
    {{ "universities.shamra"|trans }} - {{ university.arabicFullName }}
{% endblock %}
{% block css %}
    {% if locale == "en" %}
        <style>   
            .shamra-university-details{
                text-align: left;
            }
            .university-details-paragraph{
                text-align: left;
            }
        </style>
    {% endif %}
{% endblock %}
{% block schemaBlock %}
    <script type="application/ld+json">
    {
     "@context": "http://schema.org",
     "@type": "CollegeOrUniversity",
     "name": "{{ university.arabicFullName }}",
     "alternateName": "{{ university.englishFullName }}",
     {% if university.email is not null %}"email": "{{ university.email }}",{% endif %}
     {% if university.phone is not null %}"telephone": "{{ university.phone }}",{% endif %}
     {% if university.fax is not null %}"faxNumber": "{{ university.fax }}",{% endif %}
     {% if university.website is not null %}"sameAs": "{{ university.website }}",{% endif %}
     "url": "{{ app.request.scheme ~'://' ~ app.request.httpHost ~ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}",
     {% if university.additionalInfo is not null %}
        {% if university.additionalInfo.establishDate is not null %}
            "foundingDate": "{{ university.additionalInfo.establishDate|date }}",
        {% endif %}
     {% endif %}
     "logo": "{{ og_logo }}",
     "description": "{{ og_desc|kuh(20) }}",
     "mainEntityOfPage":{
       "@type":"WebPage",
       "@id":"{{ url('syndex_universities_show_university', { slug: university.slug })}}"
     }
    }
    </script>
{% endblock schemaBlock %}

{% block structured_data %}
    <link rel="amphtml" href="{{ path('syndex_universities_show_university_amp',{'slug': university.slug}) }}">
{% endblock %}

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

    <div class="container-fluid">
        {% set coverImage = "" %}
        {% set logo = "" %}
        {% if university.additionalInfo is not null %}
            {% if university.additionalInfo.coverImage %}
                {% set coverImage = university.additionalInfo.coverImage %}
            {% endif %}
            {% if university.additionalInfo.logo %}
                {% set logo = university.additionalInfo.logo %}
            {% endif %}
        {% endif %}
        {% if route == "syndex_universities_show_university" %}
            <div class="cover-image-container" style="background-image: url({{  asset('uploads/publishers/' ~ coverImage)  }});">
                <div class="university-logo-container">
                    <div class="university-logo" style="background-image: url({{  asset('uploads/publishers/' ~ logo)  }});">
                    </div>
                </div>
            </div>
            <div class="university-name">
                <h2>
                    {{ (locale == "ar")?university.arabicFullName:university.englishFullName }}
                </h2>
            </div>
        {% else %}
            <div class="university-name" style="padding:0 25px 0 0">
                <h2>
                    {{ (locale == "ar")?university.arabicFullName:university.englishFullName }}
                </h2>
            </div>
        {% endif %}
        <div class="container">
            <div class="row">

                <div class="row">
                    <div class="col-xs-12 col-md-9">
                        <div class="row shamra-university-details">

                        {% if university.arabicDescription is not null %}
                            <br>
                            <div class="row">
                                <div class="col-md-12 col-md-offset-1-">
                                    <h3 class="unified-green-color"> {{ 'universities.details.description'|trans }}</h3>
                                    <p class="university-details-paragraph">
                                        {% if locale == "en" and  university.englishDescription|raw != null and university.englishDescription|raw != "" %}
                                            {{university.englishDescription|raw}}                                            
                                        {% else %}
                                            {{ university.arabicDescription|raw }}
                                        {% endif %}
                                    </p>
                                </div>
                            </div>
                        {% endif %}
                        <br>
                        <div class="row">
                            <div class="col-md-8 col-md-offset-1-">
                                <p>
                                    <span class="h4 unified-green-color">{{ 'universities.country'|trans }} : </span>
                                    <span >
                                        {% if locale == "en" %}
                                            {{ university.country.englishName }}
                                        {% else %}
                                            {{ university.country.arabicName }}
                                        {% endif %}
                                    </span>
                                </p>
                                {% if university.additionalInfo is not null %}
                                    {% if university.additionalInfo.establishDate is not null %}
                                        <p>
                                            <span class="h4 unified-green-color">{{ 'universities.details.establish'|trans }} : </span>
                                            <span >
                                                    {{ university.additionalInfo.establishDate|date('Y') }} {{ 'universities.BC'|trans }}
                                            </span>
                                        </p>
                                    {% endif %}
                                    {% if university.additionalInfo.isPrivate is not null %}
                                        <p>
                                            <span class="h4 unified-green-color">
                                                {% if route == "syndex_universities_show_university" %}
                                                   {{ 'universities.filter.type.kind.title'|trans }} : 
                                                {% else %}
                                                   {{ 'publishers.kind'|trans }} : 
                                                {% endif %}
                                            </span>
                                            <span >
                                                {% if university.additionalInfo.isPrivate %}
                                                    {{ 'universities.filter.type.kind.private'|trans({},'Academia') }}
                                                {% else %}
                                                    {{ 'universities.filter.type.kind.public'|trans({},'Academia') }}
                                                {% endif %}
                                            </span>
                                        </p>
                                    {% endif %}
                                    {% if university.additionalInfo.globalRanking is not null %}
                                        <p>
                                            <span class="h4 unified-green-color">{{ 'universities.ranking.global'|trans }} : </span>
                                            <span >
                                                    {{ university.additionalInfo.globalRanking }}
                                            </span>
                                            <span class="h6 unified-green-color">{{ 'universities.ranking.reference'|trans }} </span>
                                        </p>

                                    {% endif %}
                                    {% if university.additionalInfo.numberOfStudents is not null %}
                                        <p>
                                            <span class="h4 unified-green-color">{{ 'universities.details.num-students'|trans }} : </span>
                                            <span >
                                                    {{ university.additionalInfo.numberOfStudents }}
                                            </span>
                                        </p>
                                    {% endif %}
                                {% endif %}
                                {% if totalResearches is not null %}
                                    <p>
                                        <span class="h4 unified-green-color">{{ 'universities.statistics.other.total-research'|trans }} : </span>
                                        <span >
                                            {{ totalResearches }}
                                            {% if totalResearches > 0 %}
                                                <a target="_blank" class="show-university-to-academic-search" href="{{ path('shamra_academia_filter' , {'publisher':university.arabicFullName}) }}">{{ "universities.go-to-academic-search"|trans }}</a>
                                            {% endif %}
                                        </span>
                                    </p>
                                {% endif %}
                                {% if university.phone is not null or university.fax is not null or university.email is not null or university.website is not null %}
                                    <p class="contact-elements">
                                        {% if university.phone is not null %}
                                            <span class="badge badge-secondary">
                                                {% if not is_mobile() %}
                                                    <a class="badge-element" href="tel:{{ university.phone}}"><i class="fa fa-phone"></i>&nbsp;&nbsp;{{ university.phone}}</a>
                                                {% else %}
                                                    <span class="badge-element"><i class="fa fa-phone"></i>&nbsp;&nbsp;{{ university.phone}}</span>
                                                {% endif %}
                                            </span>
                                        {% endif %}
                                        {% if university.fax is not null %}
                                            <span class="badge badge-secondary">
                                                {% if is_mobile() %}
                                                    <a class="badge-element" href="fax:{{ university.fax}}"><i class="fa fa-fax"></i>&nbsp;&nbsp;{{ university.fax}}</a>
                                                {% else %}
                                                    <span class="badge-element"><i class="fa fa-fax"></i>&nbsp;&nbsp;{{ university.fax}}</span>
                                                {% endif %}
                                            </span>
                                        {% endif %}
                                        {% if university.email is not null %}
                                            <span class="badge badge-secondary">
                                                <a class="badge-element" href="mailto:{{ university.email}}"><i class="fa fa-envelope-o"></i>&nbsp;&nbsp;{{ university.email}}</a>
                                            </span>
                                        {% endif %}
                                        {% if university.website is not null %}
                                            <span class="badge badge-secondary">
                                                {% if 'https' in university.website or 'http' in university.website %}
                                                    <a class="badge-element" target="_blank" href="{{ university.website}}"><i class="fa fa-external-link"></i>&nbsp;&nbsp;{{ university.website}}</a>
                                                {% else %}
                                                    <a class="badge-element" target="_blank" href="{{ 'http://'~university.website}}"><i class="fa fa-external-link"></i>&nbsp;&nbsp;{{ 'http://'~university.website}}</a>
                                                {% endif %}
                                            </span>
                                        {% endif %}
                                    </p>
                                {% endif %}
                                {% if researches %}
                                    <div class="row">
                                        <div class="col-md-12 col-md-offset-1-">
                                            <h3 class="unified-green-color"> {{ 'universities.details.recentPublication'|trans }}</h3>
                                            <p class="university-details-paragraph">
                                                {% for research in researches %}
                                                    <div style="margin: 20px 0px;">
                                                        <h5>
                                                            <a href="{{ path('shamra_academia_research_show', {'slug': research.slug}) }}">
                                                                {% if locale == "en" and research.englishFullTitle is not null %}
                                                                    - {{ research.englishFullTitle }}
                                                                {% else %}
                                                                    - {{ research.arabicFullTitle }}
                                                                {% endif %}
                                                            </a>
                                                            {{ 'question.field'|trans({}, 'Academia') }}
                                                            {{ (locale == "en")? research.fields[0].englishFullName:research.fields[0].arabicFullName }}
                                                        </h5>
                                                    </div>
                                                {% endfor %}
                                            </p>
                                        </div>
                                    </div>
                                {% endif %}
                                {% if route == "syndex_universities_show_university" %}
                                    <div class="choose-other-university university-filter clearfix">
                                        <div class="form-group">
                                            <label for="universitySelect" class="control-label  left-align">{{ 'universities.compare.university-to-compare'|trans}}</label>
                                            <div class="">
                                                <div class="col-sm-6">
                                                    <select id="universitySelect" class="form-control" disabled="disabled">
                                                        <option value="-1" selected>{{ 'universities.filter.choose-one'|trans}}</option>
                                                        {% for _university in universities %}
                                                            <option value="{{ _university.slug }}">{{ (locale == 'ar')? _university.arabicFullname:_university.englishFullname }}</option>
                                                        {% endfor %}
                                                    </select>
                                                </div>
                                                <div class="col-sm-3">
                                                    <a id="btnCompare" href="#" class="btn btn-success btn-block" disabled="disabled">{{ 'universities.details.compare.button'|trans }}</a>
                                                </div>
                                                <div class="col-sm-3">
                                                    <a id="btnShow" style="padding-top: 8px;padding-bottom: 8px;" href="#" class="btn btn-success btn-block" disabled="disabled">{{ 'universities.details.show.button'|trans }}</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                        <div class="row orange-border-row">
                            <div class="col-md-10 col-md-offset-2 shamra-university-orange-border col-xs-10 col-xs-offset-1"></div>
                        </div>
                    </div>
                    </div>
                    {% if hasMap %}

                        <div class="col-md-3 col-xs-12 ">
                            <div class="university-map" style="margin-top: 30px">
                                <div id='map'></div>
                            </div>
                            <br>
                            <p class="university-place-more-info">
                                <i class="fa fa-info-circle"></i> {{ ("universities.for-more-info"|trans({'%univ-link%':'<a target="_blank" href="' ~ path('syndex_place_profile' , {'id':university.place.invId}) ~ '" >' ~ university.arabicFullname ~'</a>' , '%places-link%':path('syndex_places_homepage')}, 'Academia'))|raw }}
                            </p>
                        </div>
                    {% endif %}
                </div>
                <br>
                <div class="row">
                    <div class="col-xs-12 col-md-9">
                        {% if is_mobile() and is_android_os() %}
                            {% if showResearchesByFieldForMobile or showResearchesByCategoryForMobile %}
                                {% if showResearchesByField %}
                                    <div class="row"><div class="col-md-10 col-md-offset-1">
                                            {% include '@syndexAcademic/UniversityIndex/statistics/byFieldMobile.html.twig' with {'researchesByFieldDataMobile':researchesByFieldDataMobile} %}
                                        </div></div>
                                {% endif %}
                                {% if showResearchesByCategoryForMobile %}
                                    <div class="row"><div class="col-md-10 col-md-offset-1">
                                            {% include '@syndexAcademic/UniversityIndex/statistics/byCategoryMobile.html.twig' with {'researchesByCategoryDataMobile':researchesByCategoryDataMobile} %}
                                        </div></div>
                                    <div class="row orange-border-row">
                                        <div class="col-md-8 col-md-offset-2 shamra-university-orange-border col-xs-10 col-xs-offset-1"></div>
                                    </div>
                                {% endif %}
                            {% endif %}
                        {% else %}
                            {% if showResearchesByField or showResearchesByCategory %}
                                {% if showResearchesByField %}
                                    <div class="row"><div class="col-md-10 col-md-offset-1">
                                            {% include '@syndexAcademic/UniversityIndex/statistics/byField.html.twig' with {'researchesByFieldLabels':researchesByFieldLabels , 'researchesByFieldColors':researchesByFieldColors , 'researchesByFieldData':researchesByFieldData} %}
                                        </div></div>
                                    <div class="row orange-border-row">
                                        <div class="col-md-10 col-md-offset-1 shamra-university-orange-border col-xs-10 col-xs-offset-1"></div>
                                    </div>
                                {% endif %}
                                {% if showResearchesByCategory %}
                                    <div class="row"><div class="col-md-10 col-md-offset-1">
                                            {% include '@syndexAcademic/UniversityIndex/statistics/byCategory.html.twig' with {'researchesByCategoryLabels':researchesByCategoryLabels , 'researchesByCategoryColors':researchesByCategoryColors , 'researchesByCategoryData':researchesByCategoryData} %}
                                        </div></div>
                                    <div class="row orange-border-row">
                                        <div class="col-md-10 col-md-offset-1 shamra-university-orange-border col-xs-10 col-xs-offset-1"></div>
                                    </div>
                                {% endif %}
                            {% endif %}
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="compareModal" class="modal fade university-compare-modal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">{{ "universities.compare.title"|trans }}</h4>
                </div>
                <div class="modal-body">
                    <div id="ajaxRequestContent">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{ "universities.statistics.close"|trans }}</button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {% if hasMap %}
        <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.46.0/mapbox-gl.js'></script>
        <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.46.0/mapbox-gl.css' rel='stylesheet' />

        <script>
            mapboxgl.accessToken = 'pk.eyJ1IjoiamloYWRpc3NhIiwiYSI6ImNqajhkeG5mZjB3bmEzdm81amQzZWZ0ZHAifQ.7ZP7b5XHjyjAHlVk-pYbNA';
            mapboxgl.setRTLTextPlugin('https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-rtl-text/v0.1.2/mapbox-gl-rtl-text.js');
            var coordinates = document.getElementById('coordinates');
            var map = new mapboxgl.Map({
                container: 'map',
                style: 'mapbox://styles/mapbox/streets-v9',
                center: [ {{ university.place.lng }},{{ university.place.lat }}],
                zoom: 12
            });

            var marker = new mapboxgl.Marker({
                draggable: false
            })
                .setLngLat([{{ university.place.lng }},{{ university.place.lat }}])
                .addTo(map);

            function onDragEnd() {
                var lngLat = marker.getLngLat();
                coordinates.style.display = 'block';
                coordinates.innerHTML = 'Longitude: ' + lngLat.lng + '<br />Latitude: ' + lngLat.lat;
            }

            marker.on('dragend', onDragEnd);
            map.addControl(new mapboxgl.NavigationControl());
        </script>
    {% endif %}
    <script language="JavaScript" type="text/javascript">
        jQuery(document).ready(function(){
            $('#universitySelect').prop("disabled", false);
            doSearch = function () {
                $currentSlug = "{{ university.slug }}";
                $otherSlug = jQuery('#universitySelect').val();
                $ajaxUrl = "{{ path('syndex_universities_compare_universities_get_second') }}";
                jQuery('#ajaxRequestContent').html("<div class=\"university-loader\"></div>");
                $.ajax({
                    type: "POST",
                    url: $ajaxUrl,
                    data: {
                        '$currentSlug': $currentSlug,
                        '$otherSlug': $otherSlug
                    },
                    success: function (result) {
                        $('#ajaxRequestContent').html(result);
                    },
                    error: function (xhr, ajaxOptions, thrownError) {
                        $('#ajaxRequestContent').html("<div class=\"alert alert-danger\" role=\"alert\">An error Occured(" + thrownError + ")</div>");
                    }

                });
            };

            $('#universitySelect').on('change', function () {
                if($(this).val() != "-1") {
                    $('#btnCompare').removeAttr("disabled");
                    $('#btnShow').removeAttr('disabled');
                }else{
                    $('#btnCompare').attr("disabled", "disabled");
                    $('#btnShow').attr("disabled", "disabled");
                }
            });
            $('#btnShow').on('click',function (e) {
                e.preventDefault()
                var value=$('#universitySelect').val()
                if(value != '-1')
                    window.open(Routing.generate('syndex_universities_show_university',{'slug':value}),'_self')
            })
            $('#btnCompare').on('click' , function (ev) {
                ev.preventDefault();
                if($('#universitySelect').val() != "-1")
                {
                    $('#compareModal').modal('show');
                    doSearch();
                }
                else{
                    $('#ajaxRequestContent').html("");
                }
            });

        });
    </script>
{% endblock %}