{% extends "base.html" %}
{% block titolo %}Email al cliente{% endblock %}
{% block intestazione %}Email di conferma pagamento{% endblock %}

{% block contenuto %}
{% set mese = p.mese_competenza | mese_it %}
<div class="card" style="max-width:760px;">
    <div class="card-head"><h2>Bozza email per il cliente</h2></div>
    <div class="card-body">
        <p class="muted">Controlla e modifica il testo, poi premi «Apri nella posta»: si aprirà
            il tuo programma di posta con l'email già pronta. La invii tu, quando vuoi.</p>

        <div class="form-grid">
            <div class="field full">
                <label>Destinatario (email)</label>
                <input type="email" id="em-to" value="{{ destinatario }}"
                       placeholder="indirizzo@cliente.it">
                {% if not destinatario %}
                <span class="hint">Nessuna email trovata in anagrafica: inseriscila qui (o aggiungila all'inquilino).</span>
                {% endif %}
            </div>
            <div class="field full">
                <label>Oggetto</label>
                <input type="text" id="em-subject"
                       value="Conferma pagamento canone - {{ mese }}">
            </div>
            <div class="field full">
                <label>Testo</label>
                <textarea id="em-body" rows="11">Gentile {{ nomi }},

confermiamo la ricezione del pagamento del canone di locazione relativo a {{ mese }}{% if indirizzo %} per l'immobile sito in {{ indirizzo }}{% endif %}, per un importo di {{ importo | euro }}.
{% if ricevuta %}
La relativa ricevuta n. {{ ricevuta }} è disponibile su richiesta.
{% endif %}
Cordiali saluti,
{{ proprietario or '' }}</textarea>
            </div>
        </div>

        {% if ha_ricevuta %}
        <div class="field full">
            <label class="checkbox-row"><input type="checkbox" id="em-allega" checked> Allega la ricevuta di pagamento (PDF)</label>
        </div>
        {% endif %}

        <div class="form-actions">
            {% if smtp_ok %}
            <button type="button" class="btn btn-success" onclick="inviaDiretto()">📧 Invia ora</button>
            {% endif %}
            <button type="button" class="btn {{ 'btn-secondary' if smtp_ok else '' }}" onclick="apriEmail()">✉️ Apri nella posta</button>
            <button type="button" class="btn btn-ghost" onclick="copiaTesto()">📋 Copia testo</button>
            {% if ritorno == 'contratto' %}
            <a class="btn btn-ghost" href="{{ url_for('contratti.dettaglio', contratto_id=p.contratto_id) }}">Torna al contratto</a>
            {% else %}
            <a class="btn btn-ghost" href="{{ url_for('pagamenti.scadenzario', anno=p.mese_competenza[:4], mese=p.mese_competenza[5:7]) }}">Torna allo scadenzario</a>
            {% endif %}
        </div>
        {% if not smtp_ok %}
        <p class="hint mt">💡 Per inviare l'email <strong>direttamente dall'app</strong> (senza aprire la posta),
            configura il server email in <a href="{{ url_for('impostazioni.index') }}#email">Impostazioni → Email</a>.</p>
        {% endif %}
    </div>
</div>
{% endblock %}

{% block script %}
<script>
function inviaDiretto() {
    var to = document.getElementById("em-to").value.trim();
    if (!to) { alert("Inserisci l'indirizzo email del destinatario."); return; }
    var allegaEl = document.getElementById("em-allega");
    var data = new FormData();
    data.append("destinatario", to);
    data.append("oggetto", document.getElementById("em-subject").value);
    data.append("corpo", document.getElementById("em-body").value);
    data.append("allega", (allegaEl && allegaEl.checked) ? "1" : "0");
    fetch("{{ url_for('pagamenti.invia_email', pagamento_id=p.id) }}", { method: "POST", body: data })
        .then(function (r) { return r.json(); })
        .then(function (j) {
            if (j.ok) { if (window.gaToast) gaToast("Email inviata a " + to); }
            else { alert("Invio non riuscito: " + (j.errore || "errore sconosciuto")); }
        })
        .catch(function () { alert("Errore di rete durante l'invio."); });
}
function apriEmail() {
    var to = document.getElementById("em-to").value.trim();
    var subj = document.getElementById("em-subject").value;
    var body = document.getElementById("em-body").value;
    if (!to) { alert("Inserisci l'indirizzo email del destinatario."); return; }
    var url = "mailto:" + encodeURIComponent(to) +
              "?subject=" + encodeURIComponent(subj) +
              "&body=" + encodeURIComponent(body);
    if (window.gaApriUrl) window.gaApriUrl(url); else window.location.href = url;
}
function copiaTesto() {
    var body = document.getElementById("em-body").value;
    if (navigator.clipboard) {
        navigator.clipboard.writeText(body).then(function () {
            if (window.gaToast) gaToast("Testo copiato negli appunti.");
        });
    }
}
</script>
{% endblock %}