{% extends 'base.html' %}
{% block title %}{{ titulo }}{% endblock %}
{% block page_title %}{{ titulo }}{% endblock %}
{% block content %}
<div class="row justify-content-center">
    <div class="col-lg-7">
        <div class="panel-card">
            <form method="post" novalidate>
                {% csrf_token %}
                <div class="row g-3">
                    <div class="col-md-6"><label class="form-label fw-semibold">Código</label>{{ form.codigo }}</div>
                    <div class="col-md-6"><label class="form-label fw-semibold">Nombre <span
                                class="text-danger">*</span></label>{{ form.nombre }}</div>
                    <div class="col-md-6"><label class="form-label fw-semibold">Categoría</label>{{ form.categoria }}
                    </div>
                    <div class="col-md-6"><label class="form-label fw-semibold">Proveedor</label>{{ form.proveedor }}
                    </div>
                    <div class="col-12"><label class="form-label fw-semibold">Descripción</label>{{ form.descripcion }}
                    </div>
                    <div class="col-md-6"><label class="form-label fw-semibold">Precio Compra (S/)</label>
                        {{ form.precio_compra }}
                    </div>
                    <div class="col-md-6"><label class="form-label fw-semibold">Precio Venta (S/)</label>
                        {{ form.precio_venta }}
                    </div>
                    <div class="col-md-4"><label class="form-label fw-semibold">Stock Actual</label>
                        {{ form.stock_actual }}
                    </div>
                    <div class="col-md-4"><label class="form-label fw-semibold">Stock Mínimo</label>
                        {{ form.stock_minimo }}
                    </div>
                    <div class="col-md-4"><label class="form-label fw-semibold">Fecha Vencimiento</label>
                        {{ form.fecha_vencimiento }}
                    </div>
                    <div class="col-12 d-flex align-items-center gap-2">{{ form.is_active }}<label
                            class="form-label mb-0 fw-semibold">Producto activo</label></div>
                </div>
                <div class="d-flex gap-2 mt-4">
                    <button type="submit" class="btn btn-warning rounded-pill px-4" style="color:#fff;border:none;"><i
                            class="fa-solid fa-floppy-disk me-2"></i>Guardar</button>
                    <a href="{% url 'producto_lista' %}"
                        class="btn btn-outline-secondary rounded-pill px-4">Cancelar</a>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}