{% extends "base.html" %}
{% block title %}{% if producto %}Editar producto{% else %}Nuevo producto{% endif %}{% endblock %}
{% block page_title %}{% if producto %}Editar: {{ producto.nombre }}{% else %}Nueva ficha de producto{% endif %}{% endblock %}

{% block topbar_actions %}
<a href="{{ url_for('productos.lista') }}" class="btn btn-outline-secondary btn-sm">
  <i class="bi bi-arrow-left me-1"></i>Cancelar
</a>
{% endblock %}

{% block content %}
<div class="card" style="max-width:600px">
  <div class="card-body p-4">
    <form method="post">
      <div class="mb-3">
        <label class="form-label">Nombre *</label>
        <input type="text" name="nombre" class="form-control"
               value="{{ producto.nombre if producto else '' }}"
               placeholder="Ej: Pokemon Booster Pack SV" required autofocus>
        <div class="form-text">
          Se usa para agrupar automáticamente las compras del mismo artículo entre distintas facturas.
        </div>
      </div>

      <div class="mb-3">
        <label class="form-label">Descripción</label>
        <textarea name="descripcion" class="form-control" rows="2"
                  placeholder="Descripción detallada (opcional)">{{ producto.descripcion if producto and producto.descripcion else '' }}</textarea>
      </div>

      <div class="row g-3 mb-3">
        <div class="col-6">
          <label class="form-label">Unidad de medida</label>
          <input type="text" name="unidad" class="form-control"
                 value="{{ producto.unidad if producto else 'ud' }}"
                 placeholder="ud, kg, caja, pack...">
        </div>
        <div class="col-6">
          <label class="form-label">Precio de referencia €</label>
          <input type="number" name="precio_ref" class="form-control"
                 value="{{ '%.2f'|format(producto.precio_ref) if producto else '0.00' }}"
                 step="0.01" min="0">
          <div class="form-text">Solo orientativo.</div>
        </div>
      </div>

      <div class="row g-3 mb-3">
        <div class="col-6">
          <label class="form-label">Stock mínimo</label>
          <input type="number" name="stock_minimo" class="form-control"
                 value="{{ producto.stock_minimo if producto and producto.stock_minimo else '0' }}"
                 step="1" min="0">
          <div class="form-text">Alerta en inventario si el stock baja de este número.</div>
        </div>
        <div class="col-6">
          <label class="form-label">Stock inicial</label>
          <input type="number" name="stock_inicial" class="form-control"
                 value="{{ producto.stock_inicial if producto and producto.stock_inicial else '0' }}"
                 step="1" min="0">
          <div class="form-text">Unidades ya en stock antes de usar la app.</div>
        </div>
      </div>

      <div class="mb-4">
        <label class="form-label">Notas internas</label>
        <textarea name="notas" class="form-control" rows="2"
                  placeholder="Notas privadas opcionales">{{ producto.notas if producto and producto.notas else '' }}</textarea>
      </div>

      <button type="submit" class="btn btn-primary">
        <i class="bi bi-check-lg me-1"></i>
        {% if producto %}Guardar cambios{% else %}Crear ficha{% endif %}
      </button>
    </form>
  </div>
</div>

{% if producto %}
<div class="mt-3">
  <form method="post" action="{{ url_for('productos.eliminar', id=producto.id) }}"
        onsubmit="return confirm('¿Desactivar este producto? Las compras vinculadas no se borran.')">
    <button type="submit" class="btn btn-outline-danger btn-sm">
      <i class="bi bi-archive me-1"></i>Desactivar producto
    </button>
  </form>
</div>
{% endif %}
{% endblock %}
