{% macro listBenevole(benevoles, titre='') -%} {% if benevoles|length >0 %}
<div class="agenda-creneau-details--title">{{titre}}</div>
<div class="agenda-creneau-details--content">
  {% for benevole in benevoles %}
  <div class="benevole">
    <i class="icon person"></i>
    <span>{{ benevole }}</span>
  </div>
  {%- endfor %}
</div>
{%- endif %} {%- endmacro %}

<div>
  <div class="agenda-creneau-header">
    <span class="agenda-creneau-time">{{ slot.horaire }} </span>
    <span class="agenda-creneau-title">{{ slot.name }}</span>
  </div>
  <div class="agenda-creneau-details">
    {%- if slot.description -%}
    <div class="agenda-creneau-details--title">Description</div>
    <div class="agenda-creneau-details--content">{{ slot.description }}</div>
    {%- endif -%}{{ listBenevole(slot.starting_with_you,'Liste des bénévoles avec toi') }} {% if
    slot.responsable!="undefined" %}
    <div class="agenda-creneau-details--title">Le responsable</div>
    <div class="agenda-creneau-details--content">
      <div class="benevole">
        <i class="icon person"></i>
        <span>{{ slot.responsable }}</span>
      </div>
    </div>
    {%- endif %} {{ listBenevole(slot.benevole_you_replace,'Ceux que tu remplaces') }} {{
    listBenevole(slot.benevole_following_you,'Les personnes qui arrivent après toi') }}
  </div>
</div>