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

{% load i18n %}
{% load responsive_images %}

{% block content %}
    {% if uploaded_images|length > 0 %}
        <section class="RV-Images">
            <h2>{% translate 'Images you uploaded' %}</h2>
            <li class="RV-Images__list">
                {% for image in uploaded_images %}
                    <a href="{% url 'image' pk=image.id %}" class="RV-Image__link RV-Image__link--detail">
                        <img class="RV-Image__source" src="{% src image.image_file 200x200 %}">
                    </a>
                {% endfor %}
            </li>
        </section>
    {% endif %}
    {% if shared_images|length > 0 %}
        <section class="RV-Images">
            <h2>{% translate 'Images shared with you' %}</h2>
            <li class="RV-Images__list">
                {% for image in shared_images %}
                    <a href="{% url 'image' pk=image.id %}" class="RV-Image__link RV-Image__link--detail">
                        <img class="RV-Image__source" src="{% src image.image_file 200x200 %}">
                    </a>
                {% endfor %}
            </li>
        </section>
    {% endif %}
{% endblock content %}