{% extends 'base.html' %}

{% block breadcrumbs %}
    <li class="breadcrumb-item">Galeria Zdjęć</li>
{% endblock breadcrumbs %}

{% block content %}
    <ul class="gallery">
        {% for album in albums %}
            <li class="gallery__entry album">
                {% if album.photo_set.first %}
                    <img src="{{ album.photo_set.first.thumbnail.url }}" class="album__thumbnail" />
                {% else %}
                    <div class="album__tumbnail album__thumbnail--placeholder"></div>
                {% endif %}
                <div class="album__header">
                    <span class="album__title">{{ album.title }}</span>
                </div> <a class="stretched-link" href="{% url 'album' album.id %}"><span class="sr-only">{{ album.title }}</span></a> </li>
        {% endfor %}
        {% if user.is_authenticated %}
            <li class="gallery__entry gallery__entry--action">
                <a href="{% url 'add_album' %}" class="stretched-link">dodaj +</a>
            </li>
        {% endif %}
    </ul>
{% endblock content %}