{% extends 'layouts/base.njk' %}

{% set title = name %}

{% block content %}
  <main id="main-content" tabindex="-1">
    <section class="[ wrapper member ]">
      <article class="[ member__wrapper ]">
        <div>
          <h1>{{ name }}</h1>
          <h2>{{ position }}</h2>
          <div class="member__bio">{{ content | safe }}</div>
          {% if personalSite %}
            <p>
              <span>site perso :</span>
              <a href="{{ personalSite }}" class="social">{{ personalSite }}</a>
            </p>
          {% endif %}
          {% if socialTwitter %}
            <a href="{{ socialTwitter }}" class="social">Twitter</a>
          {% endif %}
          {% if socialLinkedin %}
            <a href="{{ socialLinkedin }}" class="social">Linkedin</a>
          {% endif %}
          {% if socialMastodon %}
            <a href="{{ socialMastodon }}" class="social">Mastodon</a>
          {% endif %}
        </div>
        <div>
          <img src="{{ profile }}" alt="profile de {{ name }}">
        </div>
      </article>
      <a class="return-link" href="/equipe">Voir tous les membres</a>
    </section>
    {% include "partials/components/contact-form.njk" %}
  </main>
{% endblock %}