{% extends "base.html" %}
{% block titolo %}Nuova ricevuta{% endblock %}
{% block intestazione %}Nuova ricevuta{% endblock %}

{% block contenuto %}
<div class="card" style="max-width:760px;"><div class="card-body">
<form method="post" action="{{ url_for('ricevute.crea') }}">
    <div class="form-grid">
        <div class="field full"><label>Contratto <span class="req">*</span></label>
            <select name="contratto_id" required>
                <option value="">— seleziona —</option>
                {% for c in contratti %}
                <option value="{{ c.id }}" data-canone="{{ c.canone_mensile }}">{{ c.immobile }} — {{ c.canone_mensile | euro }}/mese</option>
                {% endfor %}
            </select></div>
        <div class="field"><label>Numero ricevuta</label>
            <input type="text" name="numero_ricevuta" placeholder="Automatico (RIC-AAAA-NNNN)">
            <span class="hint">Lascia vuoto per la numerazione automatica</span></div>
        <div class="field"><label>Data emissione</label>
            <input type="date" name="data_emissione" value="{{ oggi }}"></div>
        <div class="field"><label>Importo (€) <span class="req">*</span></label>
            <input type="number" step="0.01" min="0" name="importo" required></div>
        <div class="field"><label>Metodo di pagamento</label>
            <input type="text" name="metodo_pagamento" placeholder="es. Bonifico bancario"></div>
        <div class="field"><label>Periodo dal <span class="req">*</span></label>
            <input type="date" name="periodo_da" required></div>
        <div class="field"><label>Periodo al <span class="req">*</span></label>
            <input type="date" name="periodo_a" required></div>
        <div class="field"><label>Riferimento</label>
            <input type="text" name="riferimento"></div>
        <div class="field full"><label>Testo aggiuntivo</label>
            <textarea name="testo_custom"></textarea></div>
    </div>
    <div class="notice">Le ricevute di importo superiore a € 77,47 richiedono una marca da bollo da € 2,00.</div>
    <div class="form-actions">
        <button class="btn" type="submit">🧾 Crea ricevuta</button>
        <a class="btn btn-ghost" href="{{ url_for('ricevute.lista') }}">Annulla</a>
    </div>
</form>
</div></div>
{% endblock %}
{% block script %}
<script>
// Precompila l'importo con il canone del contratto selezionato
document.querySelector('select[name=contratto_id]').addEventListener('change', function () {
    var opt = this.options[this.selectedIndex];
    var canone = opt && opt.getAttribute('data-canone');
    var imp = document.querySelector('input[name=importo]');
    if (canone && !imp.value) imp.value = canone;
});
</script>
{% endblock %}