{% extends "base.html" %}
{% block title %}Clienti{% endblock %}
{% block page_title %}Clienti{% endblock %}
{% block topbar_actions %}
<a href="{{ url_for('cliente_nuovo') }}" class="btn btn-primary">+ Nuovo Cliente</a>
{% endblock %}

{% block content %}
<div class="card">
  <div class="card-header">
    <h3>{{ clienti|length }} client{% if clienti|length == 1 %}e{% else %}i{% endif %}</h3>
    <form method="GET" style="display:flex;gap:6px;align-items:center">
      <input type="text" name="q" value="{{ q }}" class="form-control" placeholder="🔍 Cerca nome, email, telefono…" style="width:240px;padding:6px 10px;font-size:12px">
      <button type="submit" class="btn btn-sm btn-secondary">Cerca</button>
      {% if q %}<a href="{{ url_for('clienti') }}" class="btn btn-sm btn-ghost">✕</a>{% endif %}
    </form>
  </div>
  {% if clienti %}
  <table class="table">
    <thead>
      <tr>
        <th>Nome</th><th>Email</th><th>Telefono</th><th>P.IVA</th>
        <th style="text-align:right">Azioni</th>
      </tr>
    </thead>
    <tbody>
      {% for c in clienti %}
      <tr>
        <td style="font-weight:500">{{ c.nome }}</td>
        <td style="color:#64748B">{{ c.email or '—' }}</td>
        <td style="color:#64748B">{{ c.telefono or '—' }}</td>
        <td style="color:#94A3B8;font-size:12px">{{ c.piva or '—' }}</td>
        <td style="text-align:right;display:flex;gap:6px;justify-content:flex-end">
          <a href="{{ url_for('cliente_modifica', cid=c.id) }}" class="btn btn-sm btn-secondary">✏️ Modifica</a>
          <a href="{{ url_for('cliente_duplica', cid=c.id) }}" class="btn btn-sm btn-ghost" title="Duplica cliente">📋</a>
          <form method="POST" action="{{ url_for('cliente_elimina', cid=c.id) }}" onsubmit="return confirm('Eliminare {{ c.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="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>
    <h3>{% if q %}Nessun risultato per "{{ q }}"{% else %}Nessun cliente{% endif %}</h3>
    {% if q %}<p><a href="{{ url_for('clienti') }}">Rimuovi filtro</a></p>{% else %}
    <p>Aggiungi il primo cliente per velocizzare la creazione dei preventivi.</p>
    <br><a href="{{ url_for('cliente_nuovo') }}" class="btn btn-primary">+ Nuovo Cliente</a>
    {% endif %}
  </div>
  {% endif %}
</div>
{% endblock %}