{% extends 'base.html' %}

{% block header %}
<h1>{% block title %}{{ album["name"] }}{% endblock %}</h1>
{% endblock %}

{% block content %}
{% if not_participant %}
<a href="/albums/{{ album['uuid'] }}/join">
  <button id="join-album">Rejoindre</button>
</a>
{% endif %}
{% if partitions|length != 0 %}
{% for partition in partitions %}
<a href="{{ album['uuid'] }}/{{ partition['uuid'] }}">
  <div class="partition" id="partition-{{ partition['uuid'] }}">
    <img src="/partition/{{ partition['uuid'] }}/preview">
    <div class="partition-name">{{ partition["name"] }}</div>
    <div class="partition-author">{{ partition["author"] }}</div>
  </div>
</a>
{% endfor %}
{% else %}
<div>Aucune partition disponible</div>
{% endif %}
{% endblock %}