{% extends "base.html.twig" %}
{% block title %}Rappers{% endblock %}
{% block bodyClass %}rappersClass{% endblock %}
{% import "components/macros.html.twig" as macros %}
{% block body %}
<section id="rappers" class="rappers">
<div class="container">
<div class="row">
<div class="col-12 heading">
<h2>All crews</h2>
</div>
</div>
<div class="row">
{% if crews|length > 0 %}
{% for crew in crews %}
{{ macros.renderCrewCard(crew) }}
{% endfor %}
<nav aria-label="Rappers navigation" style="margin: 0 auto">
<ul id="pagin-crews" class="pagination">
</ul>
</nav>
{% else %}
<p class="text-center">No rappers at this moment :(</p>
{% endif %}
</div>
</div>
</section>
{% endblock %}