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

{% block title %}{{ gamemaster.preferedName }}{% endblock %}

{% block content %}
<article class="media">
  <figure class="media-left">
    <p class="image is-128x128">
        {% if gamemaster.picture %}
        <img class="is-rounded" src="/images/gamemasters/{{ gamemaster.picture }}" />
        {% else %}
        <twig:ux:icon name="bi:person-fill"/>
        {% endif %}
    </p>
  </figure>
  <div class="media-content">
    <div class="content">
      <p>
       {{ gamemaster.description }}
      </p>
      <hr/>
      <p>
        <em>Je peux animer des parties des jeux suivants : </em>
       {{ gamemaster.gamesCanMaster|map(game => game.name)|join(', ') }}

      </p>
    </div>
  </div>
</article>
{% endblock %}