{% extends 'base.html' %}
{% set title = title %}
{% block content %}
<div class="page-title-row">
    <h1>{{ title }}</h1>
    <a class="btn btn-secondary" href="{{ url_for('products') }}">Назад</a>
</div>

<form class="panel form-grid" method="post" enctype="multipart/form-data">
    <div>
        <label>Артикул *</label>
        <input type="text" name="article_number" value="{{ product.article_number if product else '' }}" required>
    </div>
    <div>
        <label>Наименование игрушки *</label>
        <input type="text" name="product_name" value="{{ product.product_name if product else '' }}" required>
    </div>
    <div>
        <label>Единица измерения</label>
        <input type="text" name="unit" value="{{ product.unit if product else 'шт.' }}">
    </div>
    <div>
        <label>Цена *</label>
        <input type="number" name="price" min="0" step="0.01" value="{{ product.price if product else '0' }}" required>
    </div>
    <div>
        <label>Скидка, %</label>
        <input type="number" name="discount_percent" min="0" max="100" step="0.01" value="{{ product.discount_percent if product else '0' }}">
    </div>
    <div>
        <label>Кол-во на складе</label>
        <input type="number" name="stock_quantity" min="0" step="1" value="{{ product.stock_quantity if product else '0' }}">
    </div>
    <div>
        <label>Категория *</label>
        <select name="id_category" required>
            {% for item in refs.categories %}
                <option value="{{ item.id_category }}" {% if product and product.id_category == item.id_category %}selected{% endif %}>{{ item.category_name }}</option>
            {% endfor %}
        </select>
    </div>
    <div>
        <label>Поставщик *</label>
        <select name="id_supplier" required>
            {% for item in refs.suppliers %}
                <option value="{{ item.id_supplier }}" {% if product and product.id_supplier == item.id_supplier %}selected{% endif %}>{{ item.supplier_name }}</option>
            {% endfor %}
        </select>
    </div>
    <div>
        <label>Производитель *</label>
        <select name="id_manufacturer" required>
            {% for item in refs.manufacturers %}
                <option value="{{ item.id_manufacturer }}" {% if product and product.id_manufacturer == item.id_manufacturer %}selected{% endif %}>{{ item.manufacturer_name }}</option>
            {% endfor %}
        </select>
    </div>
    <div>
        <label>Фото игрушки</label>
        <input type="file" name="photo" accept="image/png,image/jpeg,image/webp">
        {% if product and product.photo_url %}
            <p class="muted">Текущее фото: {{ product.photo_url }}</p>
        {% endif %}
    </div>
    <div class="full-width">
        <label>Описание</label>
        <textarea name="description" rows="5">{{ product.description if product else '' }}</textarea>
    </div>
    <div class="full-width form-actions">
        <button type="submit" class="btn btn-accent">Сохранить</button>
        <a class="btn btn-secondary" href="{{ url_for('products') }}">Отмена</a>
    </div>
</form>
{% endblock %}