{% extends "compta/base.html" %}
{% block titre %}Déclaration TVA{% endblock %}

{% block extrafilters %}
  <label>{% if periode_type == 'trimestre' %}Trimestre{% else %}Mois{% endif %}
    <select name="periode" onchange="this.form.submit()">
      {% for val, lab in periode_options %}
        <option value="{{ val }}" {% if val == periode_sel %}selected{% endif %}>{{ lab }}</option>
      {% endfor %}
    </select></label>
{% endblock %}

{% block content %}
  <h2>Déclaration TVA — {{ decl.mois_nom }} {{ annee }}</h2>
  <div class="sub">
    Mode :
    <a href="/declaration/tva/?entreprise={{ entreprise.pk }}&annee={{ annee }}&periode={{ periode_sel }}&mode=simplifie"
       {% if mode != 'ca3' %}class="on" style="padding:2px 8px;border-radius:6px;"{% endif %}>Résumé</a> ·
    <a href="/declaration/tva/?entreprise={{ entreprise.pk }}&annee={{ annee }}&periode={{ periode_sel }}&mode=ca3"
       {% if mode == 'ca3' %}class="on" style="padding:2px 8px;border-radius:6px;"{% endif %}>Champs CA3</a>
    &nbsp;(réglage par défaut : {{ entreprise.get_vue_tva_display }})
  </div>

  {% if mode == 'ca3' %}
    <div class="card">
      {% for cadre in decl.cadres %}
        {% if cadre.sous %}
          <h3 style="margin:18px 0 4px;font-size:15px;">Cadre {{ cadre.titre }}</h3>
          {% for sous in cadre.sous %}
            <div style="color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin:12px 0 2px;">{{ sous.titre }}</div>
            <table>
              <thead><tr><th style="width:64px">Ligne</th><th>Libellé</th><th>Base HT</th><th>TVA</th></tr></thead>
              <tbody>
                {% for l in sous.lignes %}
                  <tr {% if l.total %}class="total"{% endif %}>
                    <td>{{ l.ref }}</td>
                    <td>{{ l.libelle }}</td>
                    <td>{% if l.base is not None %}{{ l.base }} €{% endif %}</td>
                    <td>{% if l.tva is not None %}{{ l.tva }} €{% endif %}</td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          {% endfor %}
        {% endif %}
      {% endfor %}
    </div>
    <div class="sub">Numéros de lignes du formulaire 3310-CA3 (régime réel normal).
       Seules les lignes utilisées sont affichées. Montants arrondis à l'euro, comme le formulaire.</div>
  {% else %}
    <div class="grid">
      <div class="card"><div class="label">TVA collectée sur ventes</div><div class="value">{{ decl.tva_sur_ventes }} €</div></div>
      <div class="card"><div class="label">TVA auto-liquidée (UE/import)</div><div class="value">{{ decl.tva_autoliquidee }} €</div></div>
      <div class="card"><div class="label">TVA collectée totale</div><div class="value">{{ decl.tva_collectee }} €</div></div>
      <div class="card"><div class="label">TVA déductible</div><div class="value">{{ decl.tva_deductible }} €</div></div>
      <div class="card">
        <div class="label">{% if decl.credit_tva %}Crédit de TVA{% else %}TVA à payer{% endif %}</div>
        <div class="value {% if decl.credit_tva %}ok{% endif %}">{% if decl.credit_tva %}{{ decl.credit_tva }}{% else %}{{ decl.tva_a_payer }}{% endif %} €</div>
      </div>
    </div>
    {% if decl.par_taux %}
      <h2>Détail par taux (ventes)</h2>
      <div class="card">
        <table>
          <thead><tr><th>Taux</th><th>Base HT</th><th>TVA</th></tr></thead>
          <tbody>
            {% for t in decl.par_taux %}<tr><td>{{ t.taux }} %</td><td>{{ t.base }} €</td><td>{{ t.tva }} €</td></tr>{% endfor %}
          </tbody>
        </table>
      </div>
    {% endif %}
  {% endif %}
{% endblock %}