{% extends "base.html" %}
{% block title %}Impostazioni{% endblock %}
{% block page_title %}Impostazioni{% endblock %}

{% block content %}
<div style="max-width:640px">
<form method="POST">
  <div class="card">
    <div class="card-header"><h3>🏢 La tua azienda</h3></div>
    <div class="card-body">
      <div class="form-group">
        <label>Nome azienda / Professionista</label>
        <input type="text" name="azienda_nome" class="form-control" value="{{ cfg.azienda_nome }}" placeholder="Mario Rossi Consulting">
      </div>
      <div class="form-row col-2">
        <div class="form-group">
          <label>Email</label>
          <input type="email" name="azienda_email" class="form-control" value="{{ cfg.azienda_email }}" placeholder="info@azienda.it">
        </div>
        <div class="form-group">
          <label>Telefono</label>
          <input type="tel" name="azienda_telefono" class="form-control" value="{{ cfg.azienda_telefono }}" placeholder="+39 02 1234567">
        </div>
      </div>
      <div class="form-row col-2">
        <div class="form-group" style="margin-bottom:0">
          <label>Indirizzo</label>
          <input type="text" name="azienda_indirizzo" class="form-control" value="{{ cfg.azienda_indirizzo }}" placeholder="Via Roma 1, Milano">
        </div>
        <div class="form-group" style="margin-bottom:0">
          <label>P.IVA</label>
          <input type="text" name="azienda_piva" class="form-control" value="{{ cfg.azienda_piva }}" placeholder="IT12345678901">
        </div>
      </div>
    </div>
  </div>

  <div class="card" style="margin-top:16px">
    <div class="card-header">
      <h3>📧 Email (SMTP)</h3>
      <span style="font-size:11px;color:#94A3B8">Per inviare preventivi via email</span>
    </div>
    <div class="card-body">
      <div style="background:#FFF7ED;border:1px solid #FED7AA;border-radius:6px;padding:10px 12px;font-size:12px;color:#92400E;margin-bottom:16px">
        💡 Per Gmail: usa una <strong>App Password</strong> (non la password normale). Vai su Account Google → Sicurezza → Verifica in due passaggi → Password per le app.
      </div>
      <div class="form-row col-2">
        <div class="form-group">
          <label>Host SMTP</label>
          <input type="text" name="smtp_host" class="form-control" value="{{ cfg.smtp_host }}" placeholder="smtp.gmail.com">
        </div>
        <div class="form-group">
          <label>Porta</label>
          <input type="number" name="smtp_port" class="form-control" value="{{ cfg.smtp_port }}" placeholder="587">
        </div>
      </div>
      <div class="form-row col-2">
        <div class="form-group" style="margin-bottom:0">
          <label>Email mittente</label>
          <input type="email" name="smtp_user" class="form-control" value="{{ cfg.smtp_user }}" placeholder="tua@email.com">
        </div>
        <div class="form-group" style="margin-bottom:0">
          <label>Password / App Password</label>
          <input type="password" name="smtp_password" class="form-control" value="{{ cfg.smtp_password }}" placeholder="••••••••••••">
        </div>
      </div>
    </div>
  </div>

  <div class="card" style="margin-top:16px">
    <div class="card-header"><h3>🔢 Numerazione</h3></div>
    <div class="card-body">
      <div class="form-group" style="margin-bottom:0">
        <label>Prefisso numero preventivo</label>
        <input type="text" name="prefisso_numero" class="form-control" value="{{ cfg.prefisso_numero }}" placeholder="PREV" style="max-width:180px">
        <div style="font-size:11px;color:#94A3B8;margin-top:4px">Esempio: PREV → PREV-2025-0001</div>
      </div>
    </div>
  </div>

  <div class="card" style="margin-top:16px">
    <div class="card-header"><h3>🎨 PDF — Personalizzazione</h3></div>
    <div class="card-body">
      <div class="form-row col-2">
        <div class="form-group" style="margin-bottom:0">
          <label>Colore principale (intestazione, totale, titolo)</label>
          <div style="display:flex;gap:10px;align-items:center">
            <input type="color" name="brand_color" value="{{ cfg.brand_color or '#2563EB' }}"
                   style="width:48px;height:36px;padding:2px;border:1px solid #E2E8F0;border-radius:6px;cursor:pointer">
            <input type="text" id="brand_hex" class="form-control" value="{{ cfg.brand_color or '#2563EB' }}"
                   style="max-width:110px" oninput="document.querySelector('[name=brand_color]').value=this.value">
          </div>
          <div style="font-size:11px;color:#94A3B8;margin-top:4px">Default: #2563EB (blu)</div>
        </div>
        <div class="form-group" style="margin-bottom:0">
          <label>Lingua del PDF</label>
          <select name="pdf_lingua" class="form-control" style="max-width:180px">
            <option value="IT" {% if (cfg.pdf_lingua or 'IT') == 'IT' %}selected{% endif %}>🇮🇹 Italiano</option>
            <option value="EN" {% if cfg.pdf_lingua == 'EN' %}selected{% endif %}>🇬🇧 English</option>
          </select>
        </div>
      </div>
    </div>
  </div>

  <div style="margin-top:16px">
    <button type="submit" class="btn btn-primary btn-lg">💾 Salva impostazioni</button>
  </div>
</form>

<script>
document.querySelector('[name=brand_color]').addEventListener('input', function(){
  document.getElementById('brand_hex').value = this.value;
});
</script>

<!-- Backup -->
<div class="card" style="margin-top:20px">
  <div class="card-header">
    <h3>💾 Backup database</h3>
    <span style="font-size:11px;color:#94A3B8">Copia di sicurezza di tutti i dati</span>
  </div>
  <div class="card-body">
    <form method="POST" action="{{ url_for('backup') }}">
      <div style="display:flex;gap:10px;align-items:flex-end">
        <div class="form-group" style="flex:1;margin-bottom:0">
          <label>Cartella di destinazione</label>
          <input type="text" name="backup_dir" class="form-control"
                 placeholder="Lascia vuoto → Desktop/Preventivi_Backup"
                 value="">
        </div>
        <button type="submit" class="btn btn-primary">📦 Esegui backup ora</button>
      </div>
    </form>
    <div style="font-size:12px;color:#94A3B8;margin-top:8px">
      Il file verrà salvato come <code>preventivi_backup_YYYYMMDD_HHMMSS.db</code> nella cartella scelta.
    </div>
  </div>
</div>

<!-- Ripristina backup -->
<div class="card" style="margin-top:20px">
  <div class="card-header">
    <h3>♻️ Ripristina backup</h3>
    <span style="font-size:11px;color:#94A3B8">Sostituisce tutti i dati correnti con quelli del backup</span>
  </div>
  <div class="card-body">
    <div style="background:#FEF2F2;border:1px solid #FECACA;border-radius:6px;padding:10px 12px;font-size:12px;color:#991B1B;margin-bottom:14px">
      ⚠️ <strong>Attenzione:</strong> il ripristino sovrascrive tutti i dati correnti (preventivi, clienti, prodotti, impostazioni). Esegui prima un backup se vuoi conservare i dati attuali.
    </div>
    <form method="POST" action="{{ url_for('ripristina') }}" enctype="multipart/form-data"
          onsubmit="return confirm('Sei sicuro? Tutti i dati attuali saranno sostituiti con quelli del file selezionato.')">
      <div style="display:flex;gap:10px;align-items:center">
        <input type="file" name="backup_file" accept=".db" class="form-control" style="max-width:360px" required>
        <button type="submit" class="btn btn-danger">♻️ Ripristina</button>
      </div>
    </form>
    <div style="font-size:12px;color:#94A3B8;margin-top:8px">
      Seleziona un file <code>preventivi_backup_*.db</code> creato in precedenza.
    </div>
  </div>
</div>

<!-- Logo upload (fuori dal form principale) -->
<div class="card" style="margin-top:20px">
  <div class="card-header">
    <h3>🖼️ Logo aziendale</h3>
    <span style="font-size:11px;color:#94A3B8">Appare nella sidebar e nel PDF</span>
  </div>
  <div class="card-body">
    {% if has_logo %}
    <div style="display:flex;align-items:center;gap:16px;margin-bottom:14px">
      <img src="/static/uploads/{{ cfg.logo_file or 'logo.png' }}?v={{ range(1,9999)|random }}"
           style="height:60px;max-width:200px;object-fit:contain;border:1px solid #E2E8F0;border-radius:6px;padding:6px;background:#fff">
      <form method="POST" action="{{ url_for('elimina_logo') }}" onsubmit="return confirm('Rimuovere il logo?')">
        <button type="submit" class="btn btn-sm btn-danger">🗑️ Rimuovi logo</button>
      </form>
    </div>
    {% else %}
    <p style="font-size:13px;color:#64748B;margin-bottom:12px">Nessun logo caricato. Formati supportati: PNG, JPG (consigliato: sfondo trasparente PNG, max 2MB).</p>
    {% endif %}
    <form method="POST" action="{{ url_for('upload_logo') }}" enctype="multipart/form-data">
      <div style="display:flex;gap:10px;align-items:center">
        <input type="file" name="logo" accept=".png,.jpg,.jpeg,.gif,.webp" class="form-control" style="max-width:320px">
        <button type="submit" class="btn btn-primary">📤 Carica logo</button>
      </div>
    </form>
  </div>
</div>
</div>
{% endblock %}