{% extends "base.html" %}
{% block content %}

<section class="auth-section">
    <div class="auth-card">

        {% if product %}
            <h2>Edit Product</h2>
        {% else %}
            <h2>Add New Product</h2>
        {% endif %}

        <form method="POST" enctype="multipart/form-data">

            <div class="form-group">
                <label>Product Name</label>
                <input type="text" name="name" required
                       value="{{ product.name if product else '' }}">
            </div>

            <div class="form-group">
                <label>Price</label>
                <!-- 🔒 No negatives, money-style steps -->
                <input type="number"
                       name="price"
                       min="0"
                       step="0.01"
                       required
                       value="{{ product.price if product else '' }}">
            </div>

            <div class="form-group">
                <label>Quantity</label>
                <!-- 🔒 No negatives, whole numbers only -->
                <input type="number"
                       name="quantity"
                       min="0"
                       step="1"
                       required
                       value="{{ product.quantity if product else '' }}">
            </div>

            <div class="form-group">
                <label>Unit</label>
                <select name="unit">
                    <option value="kg"  {% if product and product.unit=='kg'  %}selected{% endif %}>kg</option>
                    <option value="bag" {% if product and product.unit=='bag' %}selected{% endif %}>bag</option>
                    <option value="ton" {% if product and product.unit=='ton' %}selected{% endif %}>ton</option>
                </select>
            </div>

            <div class="form-group">
                <label>Description</label>
                <textarea name="description">{{ product.description if product else '' }}</textarea>
            </div>

            <div class="form-group">
                <label>Product Image</label>
                <input type="file" name="image">

                {% if product and product.image_filename %}
                    <p>Current Image:</p>
                    <img src="{{ url_for('static', filename='uploads/products/' ~ product.image_filename) }}"
                         style="height:80px; border-radius:8px;">
                {% endif %}
            </div>

            <button type="submit" class="btn-primary" style="width:100%; margin-top:10px;">
                Save Product
            </button>

        </form>

    </div>
</section>

{% endblock %}