{% extends 'base.html' %}
{% block content %}
<div class="jumbotron jumbotron-fluid">
  <div class="container">

    <h1 class="display-4">Профиль пользователя {{ user.username }}</h1>
    <div class="card mb-3" style="max-width: 540px;">
  <div class="row no-gutters">
    <div class="col-md-4">
     {% if user.photo_profile %}
      <img src="{{  user.photo_profile.url }}" class="card-img-top" alt="...">
        {% endif %}
    </div>
    <div class="col-md-8">
      <div class="card-body">

        <p class="card-text">{{ user.first_name }}</p>
          <p class="card-text">{{ user.last_name }}</p>
          <p class="card-text">{{ user.email }}</p>

      </div>
    </div>
  </div>
</div>
  <h1 class="display-4">Мои заказы</h1>
    <div class="card" style="width: 18rem;">
    {% for i in products %}
        {% if i.product.photo_product %}
      <img src="{{  i.product.photo_product.url }}" class="card-img-top" alt="...">
        {% endif %}
      <div class="card-body">
        <h5 class="card-title"><a href="{% url 'detail' i.product.id %}">{{ i.product.name }}</a></h5>
      </div>
    {% endfor %}
  </div>


  </div>
</div>

{% endblock %}