{% extends "/meta/master.html" %}

{% set service_link %}{% block service_link %}{% endblock %}{% endset %}

{% block main %}
  <h1 class="title">
    {% block service_name %}{% endblock %}
  </h1>
  <div class="full-width centered-text">
    <img src="{% block service_image %}{% endblock %}" alt="{% block service_alt %}Pas d'image pour ce service{% endblock %}" class="service-logo"/>
  </div>
  <div class="full-width centered-text">
    <a href="{{ service_link }}" target="_blank" rel="noopener"  class="service_link">
      Accéder au service
    </a>
  </div>
  <div class="columns service_content">
    <div id="short_description" class="column">
      {% block service_short_description %}{% endblock %}
    </div>
    <table id="service_infobox" class="column">
      <tr>
        <td colspan="2">
          <h2 class="subtitle">
            Le logiciel
          </h2>
        </td>
      </tr>
      {% block service_infobox %}{% endblock %}
    </table>
  </div>
  <h2 class="subtitle">
    Avantages
  </h2>
  <ul id="service_pro">
    {% block service_pro %}{% endblock %}
  </ul>
  <h2 class="subtitle">
    Inconvénients
  </h2>
  <ul id="service_con">
    {% block service_con %}{% endblock %}
  </ul>
  <div id="fulldescription">
    {% block service_description %}{% endblock %}
  </div>
  <div class="full-width centered-text">
    <a href="{{ service_link }}" target="_blank" rel="noopener" class="service_link">
      Accéder au service
    </a>
  </div>
{% endblock %}