{% extends "base.html" %}
{% block title %}Prodotti{% endblock %}
{% block page_title %}Anagrafica Prodotti / Servizi{% endblock %}
{% block topbar_actions %}
<a href="{{ url_for('prodotto_nuovo') }}" class="btn btn-primary">+ Nuovo Prodotto</a>
{% endblock %}

{% block content %}
<div class="card">
  {% if prodotti %}
  <table class="table">
    <thead>
      <tr>
        <th>Nome</th>
        <th>Categoria</th>
        <th>Descrizione</th>
        <th>Prezzo default</th>
        <th>U.M.</th>
        <th>Stato</th>
        <th style="text-align:right">Azioni</th>
      </tr>
    </thead>
    <tbody>
      {% for p in prodotti %}
      <tr style="{% if not p.attivo %}opacity:.5{% endif %}">
        <td style="font-weight:500">{{ p.nome }}</td>
        <td><span style="font-size:11px;background:#F1F5F9;padding:2px 7px;border-radius:12px;color:#475569">{{ p.categoria or '—' }}</span></td>
        <td style="color:#64748B;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{ p.descrizione or '—' }}</td>
        <td style="font-weight:600">€ {{ "%.2f"|format(p.prezzo_default) }}</td>
        <td style="color:#94A3B8">{{ p.unita_misura }}</td>
        <td>
          {% if p.attivo %}
          <span class="badge badge-firmato">Attivo</span>
          {% else %}
          <span class="badge badge-rifiutato">Disattivo</span>
          {% endif %}
        </td>
        <td style="text-align:right;display:flex;gap:6px;justify-content:flex-end">
          <a href="{{ url_for('prodotto_modifica', pid=p.id) }}" class="btn btn-sm btn-secondary">✏️ Modifica</a>
          <form method="POST" action="{{ url_for('prodotto_elimina', pid=p.id) }}" onsubmit="return confirm('Eliminare {{ p.nome }}?')">
            <button type="submit" class="btn btn-sm btn-ghost">🗑️</button>
          </form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <div class="empty-state">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 2 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg>
    <h3>Nessun prodotto o servizio</h3>
    <p>Aggiungi i tuoi prodotti/servizi per inserirli nei preventivi con un click.</p>
    <br>
    <a href="{{ url_for('prodotto_nuovo') }}" class="btn btn-primary">+ Nuovo Prodotto</a>
  </div>
  {% endif %}
</div>
{% endblock %}