gr421_tikro
/
test


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
							{% load bootstrap5 %}
{% bootstrap_css %}
{% bootstrap_javascript %}
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <nav class="navbar navbar-expand-lg bg-body-tertiary">
  <div class="container-fluid">
    <a class="navbar-brand" href="#">Site</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="{% url 'base' %}">Главная страница</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="{% url 'service' %}">Услуги/товары</a>
        </li>
        <li class="nav-item dropdown ">
          <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
            Пользователь
          </a>
          <ul class="dropdown-menu">
            <li><a class="dropdown-item" href="{% url 'profile' %}">Личный кабинет</a></li>
            <li><a class="dropdown-item" href="{% url 'register' %}">Регистрация</a></li>
            <li><a class="dropdown-item" href="{% url 'login' %}">Вход</a></li>
              <li><a class="dropdown-item" href="{% url 'log' %}">Выход</a></li>
          </ul>
        </li>
        <form action="{% url 'search_result' %}" method="get">
            <input name="q" type="search_result" type="text" placeholder="Поиск продуктов">
            <button type="submit">Отправить</button>
        </form>
      </ul>
    </div>
  </div>


</nav>
{% block content%}
{% if product %}
    <div class="container">
      <div class="row">
        {% for pro in product %}
          <div class="card d-flex justify-content-center " style="width: 20rem;">
              <h5 class="card-title d-flex justify-content-center">{{pro.name}}</h5>
              {% if pro.image %}
                <img class="d-flex justify-content-center mx-auto " src="{{pro.image.url}}" width="280px" height="400px" ><br>
            {% endif %}
            <div class="card-body">
            <p class="card-text">{{pro.description}}</p>
            <a href="{% url 'prod_uct' pro.id %}" class="btn btn-primary"> О товаре</a>
          </div>
        </div>

          {% endfor %}
      </div>
    </div>

{% endif%}
    <div class="pagination d-flex justify-content-center">
    <span class="step-links">
        {% if page_obj.has_previous %}
            <a href="?page=1">&laquo; Назад</a>
            <a href="?page={{ page_obj.previous_page_number }}">previous</a>
        {% endif %}

        <span class="current">
            Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.
        </span>

        {% if page_obj.has_next %}
            <a href="?page={{ page_obj.next_page_number }}"></a>
            <a href="?page={{ page_obj.paginator.num_pages }}">Дальше &raquo;</a>
        {% endif %}
    </span>
</div>
{% endblock%}
</body>
</html>