{% extends "base.html" %}
{% block title %}{% if prodotto %}Modifica Prodotto{% else %}Nuovo Prodotto{% endif %}{% endblock %}
{% block page_title %}{% if prodotto %}Modifica: {{ prodotto.nome }}{% else %}Nuovo Prodotto / Servizio{% endif %}{% endblock %}
{% block topbar_actions %}
<a href="{{ url_for('prodotti') }}" class="btn btn-secondary">← Prodotti</a>
{% endblock %}

{% block content %}
<div style="max-width:560px">
<form method="POST">
  <div class="card">
    <div class="card-header"><h3>Dati prodotto / servizio</h3></div>
    <div class="card-body">
      <div class="form-group">
        <label>Nome *</label>
        <input type="text" name="nome" class="form-control" required
               value="{{ prodotto.nome if prodotto else '' }}"
               placeholder="Es: Consulenza oraria, Progettazione grafica, Mattone forato...">
      </div>
      <div class="form-group">
        <label>Descrizione (appare nel PDF)</label>
        <textarea name="descrizione" class="form-control" rows="2"
                  placeholder="Descrizione dettagliata che verrà inserita nel preventivo…">{{ prodotto.descrizione if prodotto else '' }}</textarea>
      </div>
      <div class="form-row col-3">
        <div class="form-group" style="margin-bottom:0">
          <label>Prezzo default (€)</label>
          <input type="number" name="prezzo_default" class="form-control"
                 min="0" step="0.01"
                 value="{{ prodotto.prezzo_default if prodotto else '' }}"
                 placeholder="0.00">
        </div>
        <div class="form-group" style="margin-bottom:0">
          <label>Unità di misura</label>
          <select name="unita_misura" class="form-control">
            {% for um in ['pz','ora','h','gg','mq','ml','kg','l','set','lotto'] %}
            <option value="{{ um }}" {% if prodotto and prodotto.unita_misura == um %}selected{% elif not prodotto and um == 'pz' %}selected{% endif %}>{{ um }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="form-group" style="margin-bottom:0">
          <label>Categoria</label>
          <input type="text" name="categoria" class="form-control"
                 list="cat-list"
                 value="{{ prodotto.categoria if prodotto else '' }}"
                 placeholder="Es: Servizi, Materiali...">
          <datalist id="cat-list">
            {% for c in categorie %}<option value="{{ c }}">{% endfor %}
          </datalist>
        </div>
      </div>
      <div class="form-group" style="margin-top:16px;margin-bottom:0">
        <label style="display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;text-transform:none;letter-spacing:0;font-weight:500;color:#1E293B">
          <input type="checkbox" name="attivo" value="1"
                 {% if not prodotto or prodotto.attivo %}checked{% endif %}
                 style="width:16px;height:16px">
          Prodotto attivo (visibile nell'autocomplete dei preventivi)
        </label>
      </div>
    </div>
  </div>
  <div style="margin-top:16px;display:flex;gap:8px">
    <button type="submit" class="btn btn-primary">
      {% if prodotto %}💾 Aggiorna{% else %}➕ Aggiungi Prodotto{% endif %}
    </button>
    <a href="{{ url_for('prodotti') }}" class="btn btn-secondary">Annulla</a>
  </div>
</form>
</div>
{% endblock %}