{% extends 'ampbase.html.twig' %}

{% block links %}
    <link rel="canonical" href="{{ path('syndex_universities_show_university',{'slug': publisher.slug}) }}">
    <script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
    <script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
{% endblock %}

{% block title %}
    {{ (locale == "en")? publisher.englishFullName:publisher.arabicFullName }}
{% endblock %}
{% block css %}
    {{ parent() }}
    .logo-image {
        border: solid 1px lightgreen;
        position: absolute;
        bottom: 0;
        left: 46%;
    }
    .cover-container {
        position: relative;
    }
    a{
        color: grey;
    }
    .metadata-item{
      margin-bottom: 10px;
    }
{% endblock %}
{% block body %}
  <!-- Start Fullpage Hero -->
  <figure class="ampstart-image-fullpage-hero m0 relative mb4">
    <amp-img width="1250" height="300" alt="{{ publisher.arabicFullName }}" layout="responsive" src="{{  asset('uploads/publishers/' ~ publisher.additionalInfo.coverImage)  }}" media="(max-width: 415px)"></amp-img>
    <center class="cover-container">
        <amp-img width="1250" height="350" alt="{{ publisher.arabicFullName }}"  src="{{  asset('uploads/publishers/' ~ publisher.additionalInfo.coverImage)  }}" media="(min-width: 416px)"></amp-img>
        <amp-img width="180" height="170" alt="{{ publisher.arabicFullName }}"  src="{{  asset('uploads/publishers/' ~ publisher.additionalInfo.logo)  }}" media="(min-width: 416px)" class="logo-image"></amp-img>
    </center>
    <h2 style="margin-top:0">
      {{ (app.request.locale == 'ar')? publisher.arabicFullName:publisher.englishFullName }}
    </h2>

    <hr>

    <div>
      <div class="metadata-item">
        <i class="fa fa-globe-africa" style="color: #ff8600"></i> {{ 'universities.ranking.global'|trans({}, 'Academia') }} : {{ publisher.additionalInfo.globalRanking }}
        
      </div>
      <div class="metadata-item">
        <i class="fa fa-calendar" style="color: #ff8600"></i> {{ 'universities.details.establish'|trans({}, 'Academia') }} : {{ publisher.additionalInfo.establishDate|date('Y') }}
      </div>
      <div class="metadata-item">
        <i class="fa fa-user" style="color: #ff8600"></i> {{ 'universities.details.num-students'|trans({}, 'Academia') }} : {{ publisher.additionalInfo.numberOfStudents }}
      </div>
      <div class="metadata-item">
        <i class="fa fa-file-signature" style="color: #ff8600"></i> {{ 'universities.filter.type.top-researches.title'|trans({}, 'Academia') }} : {{ totalResearches }}
      </div>
      <div class="metadata-item">
        <i class="fa fa-phone" style="color: #ff8600"></i> {{ 'universities.details.contacts.phone'|trans({}, 'Academia') }} : {{ publisher.phone }}
      </div>
      <div class="metadata-item">
        <i class="fa fa-fax" style="color: #ff8600"></i> {{ 'universities.details.contacts.fax'|trans({}, 'Academia') }} : {{ publisher.fax }}
      </div>
      <div class="metadata-item">
        <i class="fa fa-envelope-open" style="color: #ff8600"></i> {{ 'universities.details.contacts.email'|trans({}, 'Academia') }} : <a href="mailto:{{ publisher.email}}">{{ publisher.email }} </a>
      </div>
      <div class="metadata-item">
        <i class="fa fa-external-link-alt" style="color: #ff8600"></i> {{ 'universities.details.contacts.website'|trans({}, 'Academia') }} : 
        {% if 'https' in publisher.website or 'http' in publisher.website %}
            <a href="{{ publisher.website}}"> {{ publisher.website }} </a>
        {% else %}
            <a href="{{ 'http://'~publisher.website}}"> {{ publisher.website }} </a>
        {% endif %}
      </div>
    </div>
    {% if app.request.locale == 'en' and publisher.englishDescription is not null %}
      <h4>
        {{ 'publishers.englishDescription'|trans({}, 'Academia') }}
      </h4>
      <p class="abstract-box">
        {{ publisher.englishDescription }}
      </p>
    {% else %}
      <h4>
        {{ 'publishers.arabicDescription'|trans({}, 'Academia') }}
      </h4>
      <p class="abstract-box">
        {{ publisher.arabicDescription }}
      </p>
    {% endif %}


    <amp-iframe width="200" height="200"
    sandbox="allow-scripts "
    layout="responsive"
    frameborder="0"
    src="{{ path('syndex_universities_show_university_stats_amp', {'slug': publisher.slug }) }}">
    </amp-iframe>

  </figure>
{% endblock %}