{% extends 'base.html' %}
{% block content %}
<div class="title-row">
    <h1>{% if product %}Редактирование товара{% else %}Добавление товара{% endif %}</h1>
    <a class="btn-lite" href="{{ url_for('products') }}">Назад</a>
</div>

<form class="panel data-form" method="post" enctype="multipart/form-data">
    {% if product %}
        <label>ID товара</label>
        <input value="{{ product.id_product }}" readonly>
    {% endif %}

    <label>Артикул</label>
    <input name="article" value="{{ product.article if product else '' }}" required>

    <label>Наименование товара</label>
    <textarea name="name" required>{{ product.name if product else '' }}</textarea>

    <label>Категория товара</label>
    <select name="id_category" required>
        {% for c in categories %}
            <option value="{{ c.id_category }}" {% if product and product.id_category == c.id_category %}selected{% endif %}>{{ c.category_name }}</option>
        {% endfor %}
    </select>

    <label>Описание товара</label>
    <textarea name="description">{{ product.description if product else '' }}</textarea>

    <label>Производитель</label>
    <select name="id_manufacturer" required>
        {% for m in manufacturers %}
            <option value="{{ m.id_manufacturer }}" {% if product and product.id_manufacturer == m.id_manufacturer %}selected{% endif %}>{{ m.manufacturer_name }}</option>
        {% endfor %}
    </select>

    <label>Поставщик</label>
    <select name="id_supplier" required>
        {% for s in suppliers %}
            <option value="{{ s.id_supplier }}" {% if product and product.id_supplier == s.id_supplier %}selected{% endif %}>{{ s.supplier_name }}</option>
        {% endfor %}
    </select>

    <label>Цена</label>
    <input name="price" type="number" min="0" step="0.01" value="{{ product.price if product else '0' }}" required>

    <label>Единица измерения</label>
    <input name="unit_name" value="{{ product.unit_name if product else 'шт.' }}" required>

    <label>Количество на складе</label>
    <input name="stock_quantity" type="number" min="0" value="{{ product.stock_quantity if product else '0' }}" required>

    <label>Действующая скидка, %</label>
    <input name="discount" type="number" min="0" max="100" step="0.01" value="{{ product.discount if product else '0' }}" required>

    <label>Фото товара</label>
    {% if product %}
        <img class="preview" src="{{ url_for('static', filename='uploads/products/' ~ (product.image_filename or 'picture.png')) }}" alt="Фото товара">
    {% else %}
        <img class="preview" src="{{ url_for('static', filename='uploads/products/picture.png') }}" alt="Заглушка">
    {% endif %}
    <input type="file" name="image_file" accept="image/*">
    <p class="muted">При загрузке изображение сохраняется в папку приложения и приводится к размеру 300x200 через Pillow.</p>

    <div class="form-actions">
        <button type="submit">Сохранить</button>
        <a class="btn-lite" href="{{ url_for('products') }}">Отмена</a>
    </div>
</form>
{% endblock %}