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

{% block breadcrumbs %}
    <li class="breadcrumb-item"><a href="{% url 'index' %}">Galeria Zdjęć</a></li>
    <li class="breadcrumb-item">Album: {{ album.title }}</li>
{% endblock breadcrumbs %}

{% block subtitle %}<h2>{{ album.title }}</h2>{% endblock %}

{% block content %}
    {% if is_my %}
        <ul class="actions my-2">
            <li class="actions__action">
                <a href="{% url 'edit_album' album.id %}" class="btn btn-sm btn-warning">Aktualizuj</a>
            </li>
            <li class="actions__action">
                <form action="{% url 'delete_album' album.id %}" method="post">
                    {% csrf_token %}
                    <button class="btn btn-sm btn-outline-danger">Usuń</button>
                </form>
            </li>
        </ul>
    {% endif %}

    {% if album.description %}
        <p>{{ album.description }}</p>
    {% endif %}

    <ul class="gallery">
        {% for photo in photos %}
            <li class="gallery__entry album">
                <img src="{{ photo.thumbnail.url }}" class="photo__thumbnail" />
                <a href="{% url 'photo' album.id photo.id %}" class="stretched-link"><span class="sr-only">{{ photo.title }}</span></a>
            </li>
        {% endfor %}
        {% if is_my %}
            <li class="gallery__entry gallery__entry--action">
                <a href="{% url 'add_photo' album.id %}" class="stretched-link">dodaj + </a>
            </li>
        {% endif %}
    </ul>
{% endblock content %}