{% extends 'partials/base.html.twig' %}

{% block content %}
  {% include 'partials/head.html.twig' %}
  <div class="columns large-3 media_col">
    
    <img src="{{page.url}}/{{ page.header.media_thumb}}" alt="">
    <h4 class="media_ref">{{page.header.info}}</h4>
    <p> fiche de lecture : {{page.header.author }} </p>
    <mark> {{ page.header.type|join(", ")}}</mark>
    <hr>
    {% if header.private == 1 %}
      {% if  "lecteur" in grav.user.groups %}
        <div class="big_buttons"> <a href="{{page.url}}/{{header.file|first.name}}">{{t('MEDIA.DOWNLOAD')|e}} </a></div>
      {% else %}
        <div class="big_buttons"><a href="{{base_url}}/login" >{{t('MEDIA.CONNECTION')|e}}</a></div>
      {% endif %}
    {% else %}
        <div class="big_buttons"><a href="{{page.url}}/{{header.file|first.name}}">{{t('MEDIA.DOWNLOAD')|e}}</a></div>
    {% endif %}
    

  </div>
  <div class="post columns large-9 medium-9  small-12 small-offset-0">
    <div class="row">
      <div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
        <div class="row post_picto_container">
          <div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
            <div class="post_picto">
              <a href="mailto:mail?subject={{ page.title }}&body={{page.url}}">
              <img src="{{ url('theme://images/contact.svg') }}" alt="">
              </a>
            </div>
          </div>
          <div class="columns large-12 medium-12 small-1">
            <div class="post_picto">
              <a href="https://www.facebook.com/sharer/sharer.php?u={{page.url}}" target="_blank">
              <img src="{{ url('theme://images/f.svg') }}" alt="">
              </a>
            </div>
          </div>
          <div class="columns large-12 medium-12 small-1">
            <div class="post_picto">
              <a href="https://twitter.com/intent/tweet?url={{ page.url }}&text={{ page.title }}" target="_blank">
              <img src="{{ url('theme://images/t.svg') }}" alt="">
              </a>
            </div>
          </div>
          <div class="columns large-12 medium-12 small-1">
            <div class="post_picto">
              <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url }}&title={{ page.title }}" target="_blank">
              <img src="{{ url('theme://images/in.svg') }}" alt="">
              </a>
            </div>
          </div>
        </div>
      </div>
      <div class="columns post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1">
        
          {{ page.content }}
     


      </div>

    </div>

  </div>

{% endblock %}