{% extends "compta/base.html" %}
{% block titre %}Global{% endblock %}

{% block content %}
  {% if bareme_manquant %}
    <div class="card bad" style="margin-bottom:16px;">
      Une activité avec du CA n'a pas de barème {{ annee }}.
      Ajoute-le dans <a href="/admin/compta/bareme/">Barèmes</a>.
    </div>
  {% endif %}

  <div class="grid">
    <div class="card">
      <div class="label">CA HT encaissé (total)</div>
      <div class="value">{{ ca_ht }} €</div>
    </div>
    <div class="card">
      <div class="label">Cotisations URSSAF</div>
      <div class="value">{{ cotisations_urssaf|default:"—" }} €</div>
    </div>
    <div class="card">
      <div class="label">Impôt — versement libératoire</div>
      <div class="value">{{ versement_liberatoire|default:"—" }} €</div>
    </div>
    <div class="card">
      <div class="label">TVA à reverser</div>
      <div class="value">{{ tva_a_reverser }} €</div>
      <div class="hint">{{ tva_collectee }} collectée − {{ tva_deductible }} déductible</div>
      {% if tva_autoliquidee %}<div class="hint">dont {{ tva_autoliquidee }} € auto-liquidée</div>{% endif %}
    </div>
  </div>

  <h2>Ventilation par activité</h2>
  <div class="card">
    <table>
      <thead><tr><th>Activité</th><th>CA HT</th><th>% plafond</th><th>URSSAF</th><th>Impôt (VL)</th><th>Revenu imposable</th></tr></thead>
      <tbody>
        {% for l in lignes_activite %}
          <tr>
            <td>{{ l.label }}</td>
            <td>{{ l.ca_ht }} €</td>
            <td class="{% if l.depasse_seuil_ca %}bad{% endif %}">{% if l.pct_seuil_ca is not None %}{{ l.pct_seuil_ca }} %{% else %}—{% endif %}</td>
            <td>{% if l.cotisations is not None %}{{ l.cotisations }} €{% else %}—{% endif %}</td>
            <td>{% if l.versement_liberatoire is not None %}{{ l.versement_liberatoire }} €{% else %}—{% endif %}</td>
            <td>{% if l.revenu_imposable is not None %}{{ l.revenu_imposable }} €{% else %}—{% endif %}</td>
          </tr>
        {% endfor %}
        <tr class="total"><td>Total</td><td>{{ ca_ht }} €</td><td></td><td>{{ cotisations_urssaf|default:"—" }} €</td><td>{{ versement_liberatoire|default:"—" }} €</td><td>{{ revenu_imposable|default:"—" }} €</td></tr>
      </tbody>
    </table>
  </div>

  <div class="row">
    <div class="card">
      <div class="label" style="margin-bottom:8px;">CA HT mensuel</div>
      <canvas id="caChart" height="120"></canvas>
    </div>
    <div class="card">
      <div class="label" style="margin-bottom:8px;">Exports CSV</div>
      <div class="exports">
        <a href="{% url 'export_ventes' %}?entreprise={{ entreprise.pk }}&annee={{ annee }}">Ventes</a>
        <a href="{% url 'export_tva' %}?entreprise={{ entreprise.pk }}&annee={{ annee }}">TVA</a>
        <a href="{% url 'export_urssaf' %}?entreprise={{ entreprise.pk }}&annee={{ annee }}">URSSAF</a>
      </div>
    </div>
  </div>
{% endblock %}

{% block scripts %}
  <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
  <script>
    new Chart(document.getElementById('caChart'), {
      type: 'bar',
      data: { labels: {{ mois_labels|safe }},
              datasets: [{ label:'CA HT (€)', data: {{ ca_mensuel_json|safe }}, backgroundColor:'#38bdf8' }] },
      options: { plugins:{legend:{display:false}},
                 scales:{ x:{ticks:{color:'#94a3b8'}}, y:{ticks:{color:'#94a3b8'}} } }
    });
  </script>
{% endblock %}