{% extends 'basic.html' %}

{% block content %}

<h2>Добро пожаловать, {{user.username}}</h2>
<div>
    {% if user.avatar %}
    <img src="{{ user.avatar.url }}" alt="Изображение отсутствует">
    {% endif %}
</div>

<h3>Заказанные товары/услуги</h3>

<div class="row">

    {% for service in ordered_services %}

    <div class="card" style="width: 18rem;">
        <img src="{{service.service.image.url}}" class="card-img-top" alt="Изображение отсутствует">
        <div class="card-body">
            <h5 class="card-title">{{service.service.name}}</h5>
            <p class="card-text">{{service.service.description}}</p>
        </div>
        <ul class="list-group list-group-flush">
            <li class="list-group-item align-center">{{service.service.type}}</li>
        </ul>
    </div>

    {% endfor %}

</div>

{% endblock %}