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

{% block title %}Artistes{% endblock %}

{% block content %}

    <p class="h1 text-center">Résidents</p>
  <hr><br>
<div class="row">
    {% for u in users %}
    <div class="col-12">

        <div class="row">

          <div class="col-sm-5 col-12 d-flex align-items-center justify-content-center">
            <img class="rounded" width="80%" src="{{ asset('/uploads/img/profilPicture/' ~ u.profilPicture)  | imagine_filter('profile_thumb') }}" alt="{{ u.pseudo}}">
          </div>

          <div class="col-sm-auto"></div>

          <div class="col-12 col-sm-5">
            <h3 class="card-title">{{ u.pseudo}}</h3>
            <p class="card-text">{{ u.description|raw }}</p>
          </div>

        </div>

            <hr>
    </div>

    {% endfor %}
</div>
    <br>
    <p class="h1 text-center">Guests <b><small>(présents occasionnellement)</small></b></p>
    <br><hr>
<div class="row">
    {% for g in guests %}
    <div class="col-12">
        <div class="row">

          <div class="col-sm-5 col-12 d-flex align-items-center justify-content-center">
            <img class="rounded" width="80%" src="{{ asset('/uploads/img/guestPicture/' ~ g.guestPicture)  | imagine_filter('profile_thumb') }}" alt="{{ g.title}}">
          </div>

          <div class="col-sm-auto"></div>

          <div class="col-12 col-sm-5">
            <h3 class="card-title">{{ g.title}}</h3>
            <p class="card-text">{{ g.description|raw }}</p>
          </div>

        </div>
        <hr>
    </div>
    {% endfor %}
</div>
{% endblock %}