{%- import "macros.jinja.html" as macros with context -%}
{% extends "base.html" %}

{% block fixed_action %}
{% call macros.fixed_action('bottom-sheet', 'mic') %}
<div class="collection with-header">
  <div class="collection-header">
    <h4>Séminaires réguliers organisés par l'équipe</h4>
  </div>
  {% for seminar in page.team_seminars %}
  <a href="{{ seminar.target | url }}" class="collection-item">{{ seminar.type }} {{ seminar.title }}</a>
  {% endfor %}
</div>
{% endcall %}
{% endblock fixed_action %}

{% block content %}
<div class="section center title">
  <div class="container">
    <h1 class="header center teal-text">
      <a href="#">{{ page.title }}</a>
    </h1>
  </div>
</div>

<div class="section center title" id="membres">
  <div class="container">
    <h2 class="header center teal-text">
      <a href="#membres">Membres</a>
    </h2>
  </div>
</div>

<div class="container text ">
  <div class="section">
    <h3 id="membres-permanents">Membres permanents</h3>
    {% if page.permanent_members %}
    <ul>
      {% for member in page.permanent_members %}
      <li>{% if member.url %}<a href="{{ member.url }}" referrerpolicy="no-referrer" rel="noopener noreferrer" target="_blank">{{ member.firstname }} {{ member.name }}</a>{% if member.status %}, {{ member.status }}{% endif %}{% else %}{{ member.firstname }} {{ member.name }}{% if member.status %}, {{ member.status }}{% endif %}{% endif %}</li>
      {% endfor %}
    </ul>
    {% endif %}
    <h3 id="membres-non-permanents">Membres non permanents</h3>
    {% if page.non_permanent_members %}
    <ul>
      {% for member in page.non_permanent_members %}
      <li>{% if member.url %}<a href="{{ member.url }}" referrerpolicy="no-referrer" rel="noopener noreferrer" target="_blank">{{ member.firstname }} {{ member.name }}</a>{% if member.status %}, {{ member.status }}{% endif %}{% else %}{{ member.firstname }} {{ member.name }}{% if member.status %}, {{ member.status }}{% endif %}{% endif %}</li>
      {% endfor %}
    </ul>
    {% endif %}
  </div>
</div>

<div class="section center title" id="activites">
  <div class="container">
    <h2 class="header center teal-text">
      <a href="#activites">Activités</a>
    </h2>
  </div>
</div>

<div class="container text ">
  <div class="section">
    <h3 id="seminaires-et-groupes-de-travail">Séminaires et groupes de travail</h3>
    {% if page.team_seminars | length == 1 %}
    {% set seminar = page.team_seminars[0] %}
    <p>L'équipe anime le {{ seminar.type | lower }} <a href="{{ seminar.target | url }}">{{ seminar.title }}</a>.</p>
    {% else %}
    <p>L'équipe anime :</p>
    {% if page.team_seminars %}
    <ul>
      {% for seminar in page.team_seminars %}
      <li>le {{ seminar.type | lower }} <a href="{{ seminar.target | url }}">{{ seminar.title }}</a></li>
      {% endfor %}
    </ul>
    {% endif %}
    {% endif %}
    {{ page.activities_content | safe }}
  </div>
</div>

{% for section in page.team_sections %}
<div class="section center title" id="{{ section.id }}">
  <div class="container">
    <h2 class="header center teal-text">
      <a href="#{{ section.id }}">{{ section.title }}</a>
    </h2>
  </div>
</div>

<div class="container text ">
  <div class="section">
    {{ section.content | safe }}
  </div>
</div>

{% endfor %}
{% endblock content %}