{% extends 'base.html' %}
{% block title %}{{ product.name }}{% endblock %}
{% block content %}
  <nav class="breadcrumbs">
    <a href="{% url 'catalog:catalog' %}">Каталог</a> / {{ product.name }}
  </nav>

  <article class="product">
    <h1>{{ product.name }}</h1>
    <p class="price">{{ product.price }} ₽</p>
    <p>Бренд:
      <a href="{% url 'catalog:brand_detail' product.brand.slug %}">{{ product.brand.name }}</a>
    </p>
    <p>{{ product.description }}</p>
    <p>Остаток: {{ product.stock }}</p>
    <button class="btn" type="button" data-add-to-cart="{{ product.pk }}">В корзину</button>
  </article>
{% endblock %}