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

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

{% block title %}{{ 'إجابات السؤال : '~question.question }}{% endblock %}

{% block body %}
  <!-- Start Fullpage Hero -->
  <figure class="ampstart-image-fullpage-hero m0 relative mb4">
    <h2 style="margin-top:0">
      {{ question.question }}
    </h2>

    {# here will be the meta data #}
    <div>
      <span class="metadata-item tooltip" data-tooltip-title="fdasdfasdf" data-tooltip-position="bottom">
        <i class="fa fa-eye academia-icon" style="color: #ff8600"></i> : {{ question.views }}
      </span>
      <span class="metadata-item">
        <i class="fa fa-star academia-icon" style="color: #ff8600"></i> : {{ (question.interested)? question.interested:0 }}
      </span>
      <span class="metadata-item">
        <i class="fa fa-calendar" style="color: #ff8600"></i> : {{ question.createdAt|date('Y') }}
      </span>
      <span class="metadata-item">
        <i class="fa fa-archive" style="color: #ff8600"></i> : {{ (app.request.locale == 'ar')?question.field.arabicFullName:question.field.englishFullName }}
      </span>
      <span class="metadata-item">
        <i class="fa fa-user-circle" style="color: #ff8600"></i> : {{ question.profileVisitor.firstName~' '~question.profileVisitor.lastName }}
      </span>
    </div>
    <hr>
    <p class="abstract-box">
    {{ question.explanation|raw }}
    </p>    
  </figure>
{% endblock %}