{% extends "base.html" %}

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

{% block content %}
<div class="toolbar">
    <a href="{% url 'product_list' %}" class="btn btn-secondary">Назад</a>
</div>

<section class="form-panel wide">
    {% if product %}
        <p class="readonly-id"><strong>ID товара:</strong> {{ product.pk }}</p>
        <div class="preview-photo">
            {% if product.photo %}
                <img src="/media/{{ product.photo }}" alt="{{ product.name }}">
            {% else %}
                <img src="/static/img/picture.png" alt="Нет фото">
            {% endif %}
        </div>
    {% endif %}

    <form method="post" enctype="multipart/form-data">
        {% csrf_token %}
        {% for field in form %}
            <div class="field">
                <label for="{{ field.id_for_label }}">{{ field.label }}</label>
                {{ field }}
                {% if field.help_text %}<small>{{ field.help_text }}</small>{% endif %}
                {{ field.errors }}
            </div>
        {% endfor %}
        <div class="actions">
            <button type="submit" class="btn btn-accent">Сохранить</button>
            <a href="{% url 'product_list' %}?cancel=1" class="btn btn-secondary">Отмена</a>
        </div>
    </form>
</section>
{% endblock %}