{% 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 %}
    <ul class="gallery">
        {% for photo in photos %}
            <li class="gallery__entry photo">
                <a href="{% url 'photo' album.id photo.id %}">
                    <img src="{{ photo.thumbnail.url }}" class="photo__thumbnail" />
                </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 %}