{% extends 'layouts/base.html' %}

{% block content %}

<div class="panel form-card">
    <h1>{{ 'Edit Product / Service' if product else 'Add Product / Service' }}</h1>

    <form method="post" class="form-grid">
        <div class="form-group">
            <label>Group</label>
            <select name="group_id">
                <option value="">Select Group</option>
                {% for g in groups %}
                <option value="{{ g.id }}" {% if product and product.group_id == g.id %}selected{% endif %}>{{ g.name }}</option>
                {% endfor %}
            </select>
        </div>

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

        <div class="form-group">
            <label>SKU</label>
            <input name="sku" value="{{ product.sku if product and product.sku else '' }}">
        </div>

        <div class="form-group">
            <label>Price</label>
            <input name="price" type="number" step="0.01" value="{{ product.price if product else 0 }}">
        </div>

        <div class="form-group">
            <label>Tax Percent</label>
            <input name="tax_percent" type="number" step="0.01" value="{{ product.tax_percent if product else 0 }}">
        </div>

        <div class="form-group">
            <label>Status</label>
            <select name="status">
                <option value="active" {% if product and product.status == 'active' %}selected{% endif %}>Active</option>
                <option value="inactive" {% if product and product.status == 'inactive' %}selected{% endif %}>Inactive</option>
            </select>
        </div>

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

        <div class="form-actions full-width">
            <button class="btn" type="submit">{{ 'Update Product' if product else 'Save Product' }}</button>
            <a class="btn btn-sm" href="{{ url_for('products.index') }}">Cancel</a>
        </div>
    </form>
</div>

{% endblock %}