{% extends "base.html" %}

{% block title %}{{ object.name }} — ЧитайГород{% endblock %}
{% block page_title %}{{ object.name }}{% endblock %}

{% block content %}
<div class="panel" style="max-width:800px;{% if object.discount > 25 %} background:#23E1EF;{% endif %}">
    {% if object.photo %}
    <img src="{{ object.photo.url }}" alt="{{ object.name }}" style="max-width:300px; display:block; margin-bottom:16px;">
    {% endif %}
    <p><strong>Артикул:</strong> {{ object.articule }}</p>
    <p><strong>Категория:</strong> {{ object.category }}</p>
    <p><strong>Поставщик:</strong> {{ object.supplier }}</p>
    <p><strong>Производитель:</strong> {{ object.creator }}</p>
    <p><strong>На складе:</strong> {{ object.in_stock }} {{ object.measure }}</p>
    <p><strong>Цена:</strong>
        {% if object.discount %}
        <span style="text-decoration:line-through;">{{ object.price }} ₽</span>
        {{ object.price_with_discount }} ₽ (−{{ object.discount }}%)
        {% else %}
        {{ object.price }} ₽
        {% endif %}
    </p>
    {% if object.description %}
    <p><strong>Описание:</strong> {{ object.description }}</p>
    {% endif %}
    <p style="margin-top:16px;">
        <a class="btn" href="{% url 'products-list' %}">Назад к списку</a>
        {% if update_view_url %}
        <a class="btn" href="{{ update_view_url }}">Изменить</a>
        {% endif %}
    </p>
</div>
{% endblock %}