{% extends 'base.html' %}

{% block content %}
    {% if current_user.is_authenticated %}
        <div>
            <div class="row">
                <h1 class="d-inline">Welcome {{ current_user.name }}</h1>
            </div>
        </div>
        {% if current_user.uploads %}
            <div class="row"><h2>Your uploads</h2></div>
            <div class="row mx-2">
                {% for item in current_user.uploads %}
                    <div class="col-12 col-sm-6 col-md-4 px-2 mb-3">
                        <div class="card">
                            <div class="card-body">
                                <a href="{{ url_for('ItemView:get', id_=item.id) }}"><img
                                        src="{{ url_for('ContentView:preview', id_=item.id) }}"
                                        class="img-fluid" alt="{{ item.name }}"
                                /></a>
                                <p class="card-text">
                                    {{ item.name }}
                                </p>
                                <a href="{{ url_for('ContentView:caff', id_=item.id) }}"
                                   class="btn btn-primary" target="_self">Download</a>
                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>
        {% endif %}

        <div class="row"><h2>Your purchases</h2></div>
        <div class="row mx-2">
            {% if current_user.purchases %}
                {% for purchase in current_user.purchases %}
                    <div class="col-12 col-sm-6 col-md-4 px-2 mb-3">
                        <div class="card">
                            <div class="card-body">
                                <a href="{{ url_for('ItemView:get', id_=purchase.item.id) }}"><img
                                        src="{{ url_for('ContentView:preview', id_=purchase.item.id) }}"
                                        class="img-fluid" alt="{{ purchase.item.name }}"
                                /></a>
                                <p class="card-text">
                                    {{ purchase.item.name }} by {{ purchase.item.uploader.name }}
                                </p>
                                <a href="{{ url_for('ContentView:caff', id_=purchase.item.id) }}"
                                   class="btn btn-primary" target="_self">Download</a>
                            </div>
                        </div>
                    </div>
                {% endfor %}
            {% else %}
                <p>Nothing is here! Check the <a href="{{ url_for("IndexView:index") }}">Home page</a> for images to
                    purchase</p>
            {% endif %}
        </div>

    {% else %}
        <p><a href="{{ url_for_security('login') }}">Log in</a> to view your profile.</p>
    {% endif %}
{% endblock %}