{% extends 'base.html' %}
{% set title = 'Добавление товара' if mode == 'add' else 'Редактирование товара' %}
{% block content %}
<div class="page-title-row">
    <div>
        <h1>{{ 'Добавление товара' if mode == 'add' else 'Редактирование товара' }}</h1>
        <p>Поля со звездочкой обязательны для заполнения.</p>
    </div>
    <a class="btn btn-light" href="{{ url_for('products') }}">Назад</a>
</div>

<form method="post" enctype="multipart/form-data" class="edit-form">
    {% if mode == 'edit' %}
        <label>ID товара
            <input type="text" value="{{ product.product_id }}" readonly>
        </label>
    {% endif %}
    <label>Артикул *
        <input type="text" name="article" value="{{ product.article or '' }}" required>
    </label>
    <label>Наименование товара *
        <input type="text" name="product_name" value="{{ product.product_name or '' }}" required>
    </label>
    <label>Категория *
        <select name="category_id" required>
            {% for item in references.categories %}
                <option value="{{ item.category_id }}" {% if product.category_id|string == item.category_id|string %}selected{% endif %}>{{ item.category_name }}</option>
            {% endfor %}
        </select>
    </label>
    <label>Производитель *
        <select name="manufacturer_id" required>
            {% for item in references.manufacturers %}
                <option value="{{ item.manufacturer_id }}" {% if product.manufacturer_id|string == item.manufacturer_id|string %}selected{% endif %}>{{ item.manufacturer_name }}</option>
            {% endfor %}
        </select>
    </label>
    <label>Поставщик *
        <select name="supplier_id" required>
            {% for item in references.suppliers %}
                <option value="{{ item.supplier_id }}" {% if product.supplier_id|string == item.supplier_id|string %}selected{% endif %}>{{ item.supplier_name }}</option>
            {% endfor %}
        </select>
    </label>
    <label>Единица измерения *
        <select name="unit_id" required>
            {% for item in references.units %}
                <option value="{{ item.unit_id }}" {% if product.unit_id|string == item.unit_id|string %}selected{% endif %}>{{ item.unit_name }}</option>
            {% endfor %}
        </select>
    </label>
    <label>Цена *
        <input type="number" step="0.01" min="0" name="price" value="{{ product.price or '' }}" required>
    </label>
    <label>Количество на складе *
        <input type="number" min="0" name="stock_quantity" value="{{ product.stock_quantity or '' }}" required>
    </label>
    <label>Действующая скидка, % *
        <input type="number" min="0" max="100" name="discount" value="{{ product.discount if product.discount is not none else 0 }}" required>
    </label>
    <label class="wide">Описание товара *
        <textarea name="description" rows="5" required>{{ product.description or '' }}</textarea>
    </label>
    <label class="wide">Фото товара
        <input type="file" name="image" accept="image/png,image/jpeg">
        <span class="hint">Изображение автоматически уменьшается до 300x200 пикселей.</span>
    </label>
    {% if product.image_path %}
        <div class="current-image wide">
            <span>Текущее изображение:</span>
            <img src="{{ url_for('static', filename=product.image_path) }}" alt="Фото товара">
        </div>
    {% endif %}
    <div class="wide form-actions">
        <button class="btn btn-accent" type="submit">Сохранить</button>
        <a class="btn btn-light" href="{{ url_for('products') }}">Отмена</a>
    </div>
</form>
{% endblock %}