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

{% block extrastyle %}
<style>
  table.ca3 { table-layout:fixed; }
  table.ca3 td, table.ca3 th { text-align:right; }
  table.ca3 td:first-child, table.ca3 th:first-child,
  table.ca3 td.lib, table.ca3 th.lib { text-align:left; }
  table.ca3 tr.cadre td { text-align:left; font-weight:700; font-size:15px;
      color:var(--txt); padding:18px 11px 6px; border-bottom:2px solid #475569; }
  table.ca3 tr.soustitre td { text-align:left; color:var(--muted); font-size:11px;
      text-transform:uppercase; letter-spacing:.05em; padding:11px 11px 3px; border-bottom:none; }
</style>
{% 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">
      <div class="table-wrap">
      <table class="ca3">
        <colgroup>
          <col style="width:70px"><col><col style="width:150px"><col style="width:130px">
        </colgroup>
        <thead><tr><th>Ligne</th><th class="lib">Libellé</th><th>Base HT</th><th>TVA</th></tr></thead>
        <tbody>
          {% for cadre in decl.cadres %}
            {% if cadre.sous %}
              <tr class="cadre"><td colspan="4">Cadre {{ cadre.titre }}</td></tr>
              {% for sous in cadre.sous %}
                <tr class="soustitre"><td colspan="4">{{ sous.titre }}</td></tr>
                {% for l in sous.lignes %}
                  <tr {% if l.total %}class="total"{% endif %}>
                    <td>{{ l.ref }}</td>
                    <td class="lib">{{ 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 %}
              {% endfor %}
            {% endif %}
          {% endfor %}
        </tbody>
      </table>
      </div>
    </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 %}