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

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

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

{% block content %}
    <div class="photo">
        <div class="photo__title h1">{{ photo.title }}</div>
        <ul class="actions my-2">
            <li class="actions__action">
                <a href="{% url 'edit_photo' photo.album.id photo.id %}" class="btn btn-sm btn-warning">Aktualizuj</a>
            </li>
            <li class="actions__action">
                <form action="{% url 'delete_photo' photo.album.id photo.id %}" method="post">
                    {% csrf_token %}
                    <button class="btn btn-sm btn-outline-danger">Usuń</button>
                </form>
            </li>
        </ul>
        <img class="photo__photo" src="{{ photo.photo.url }}" />
        <aside class="photo__meta">
            <p class="photo__description my-2">{{ photo.description }}</p>
            <div class="photo__author small">
                autor: {{ photo.user.username }}{% if photo.taken_on %}
                , {{ photo.taken_on }}
                {% endif %}
            </div>
        </aside>
    </div>
{% endblock content %}