{% extends "base.html" %}
{% block titre %}Gestion Comptable{% endblock %}
{% block contenu %}
<h1 class="h3 mb-3">📒 Gestion Comptable</h1>

<ul class="nav nav-tabs mb-3" id="ongletsComptable" role="tablist">
  <li class="nav-item" role="presentation">
    <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#groupe-fournisseurs" type="button">Fournisseurs</button>
  </li>
  <li class="nav-item" role="presentation">
    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#groupe-ferme-exploitation" type="button">Ferme Exploitation</button>
  </li>
  <li class="nav-item" role="presentation">
    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#suivi" type="button">📊 Rapport/Synthèse</button>
  </li>
</ul>

<div class="tab-content">

  <!-- ===================== Groupe : Fournisseurs (achats + règlements + fournisseurs + grand livre) ===================== -->
  <div class="tab-pane fade show active" id="groupe-fournisseurs">
    <div class="d-flex justify-content-between align-items-center mb-3">
      <ul class="nav nav-pills" role="tablist">
        <li class="nav-item" role="presentation">
          <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#fournisseurs" type="button">Fournisseurs</button>
        </li>
        <li class="nav-item" role="presentation">
          <button class="nav-link" data-bs-toggle="tab" data-bs-target="#achats" type="button">Achats</button>
        </li>
        <li class="nav-item" role="presentation">
          <button class="nav-link" data-bs-toggle="tab" data-bs-target="#reglements" type="button">Règlements</button>
        </li>
      </ul>
      <a href="/comptable/grand-livre" class="btn btn-outline-success btn-sm">📘 Grand livre fournisseur</a>
    </div>

    <div class="tab-content">
      <!-- Fournisseurs -->
      <div class="tab-pane fade show active" id="fournisseurs">
        <div class="d-flex justify-content-end mb-2">
          <a href="/comptable/fournisseurs/nouveau" class="btn btn-success btn-sm">+ Nouveau fournisseur</a>
        </div>
        {% if fournisseurs %}
        <div class="table-responsive">
          <table class="table table-hover bg-white align-middle">
            <thead><tr><th>Nom</th><th>Contact</th><th>Téléphone</th><th>N° compte</th><th>Solde dû (MAD)</th><th></th></tr></thead>
            <tbody>
              {% for f in fournisseurs %}
              <tr>
                <td>{{ f.nom }}</td>
                <td>{{ f.contact or "—" }}</td>
                <td>{{ f.telephone or "—" }}</td>
                <td>{{ f.numero_compte or "—" }}</td>
                <td class="{{ 'text-danger fw-semibold' if f.solde > 0 else 'text-success' }}">{{ "%.2f"|format(f.solde) }}</td>
                <td class="text-end">
                  <a href="/comptable/grand-livre?fournisseur_id={{ f.id }}" class="btn btn-sm btn-outline-success">📘 Grand livre</a>
                  <a href="/comptable/fournisseurs/{{ f.id }}/modifier" class="btn btn-sm btn-outline-secondary">Modifier</a>
                </td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
        {% else %}<p class="text-muted">Aucun fournisseur enregistré.</p>{% endif %}
      </div>

      <!-- Achats -->
      <div class="tab-pane fade" id="achats">
        <div class="d-flex justify-content-end mb-2">
          <a href="/comptable/achats/nouveau" class="btn btn-success btn-sm">+ Nouvel achat</a>
        </div>
        {% if achats %}
        <div class="table-responsive">
          <table class="table table-hover bg-white align-middle">
            <thead><tr><th>Date</th><th>N° facture</th><th>Fournisseur</th><th>Produit</th><th>Qté</th><th>Montant (MAD)</th><th>Solde dû (MAD)</th><th>Facture</th><th></th></tr></thead>
            <tbody>
              {% for a in achats %}
              <tr>
                <td>{{ a.date_achat }}</td>
                <td>{{ a.numero_facture or "—" }}</td>
                <td>{{ a.fournisseur.nom }}</td>
                <td>{{ a.designation_produit }}</td>
                <td>{{ (a.quantite ~ " " ~ (a.unite or "unité")) if a.quantite is not none else "—" }}</td>
                <td>{{ "%.2f"|format(a.montant_total) }}</td>
                <td class="{{ 'text-danger fw-semibold' if a.solde_du > 0 else 'text-success' }}">{{ "%.2f"|format(a.solde_du) }}</td>
                <td>{% if a.facture_path %}<a href="/fichiers/{{ a.facture_path }}" target="_blank">Voir</a>{% else %}—{% endif %}</td>
                <td class="text-end"><a href="/comptable/achats/{{ a.id }}/modifier" class="btn btn-sm btn-outline-secondary">Modifier</a></td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
        {% else %}<p class="text-muted">Aucun achat enregistré.</p>{% endif %}
      </div>

      <!-- Règlements -->
      <div class="tab-pane fade" id="reglements">
        <div class="d-flex justify-content-end mb-2">
          <a href="/comptable/reglements/nouveau" class="btn btn-success btn-sm">+ Nouveau règlement</a>
        </div>
        {% if reglements %}
        <div class="table-responsive">
          <table class="table table-hover bg-white align-middle">
            <thead><tr><th>Date</th><th>Fournisseur</th><th>Mode</th><th>Référence</th><th>Facture liée</th><th>Montant (MAD)</th><th></th></tr></thead>
            <tbody>
              {% for r in reglements %}
              <tr>
                <td>{{ r.date_reglement }}</td>
                <td>{{ r.fournisseur.nom }}</td>
                <td>{{ r.mode_paiement }}</td>
                <td>{{ r.reference or "—" }}</td>
                <td>{{ (r.achat.numero_facture or r.achat.designation_produit) if r.achat else "—" }}</td>
                <td>{{ "%.2f"|format(r.montant) }}</td>
                <td class="text-end"><a href="/comptable/reglements/{{ r.id }}/modifier" class="btn btn-sm btn-outline-secondary">Modifier</a></td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
        {% else %}<p class="text-muted">Aucun règlement enregistré.</p>{% endif %}
      </div>
    </div>
  </div>

  <!-- ===================== Groupe : Ferme Exploitation (frais de personnel + autres frais + rapport) ===================== -->
  <div class="tab-pane fade" id="groupe-ferme-exploitation">
    <div class="d-flex justify-content-between align-items-center mb-3">
      <ul class="nav nav-pills" role="tablist">
        <li class="nav-item" role="presentation">
          <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#frais-personnel" type="button">Frais de personnel</button>
        </li>
        <li class="nav-item" role="presentation">
          <button class="nav-link" data-bs-toggle="tab" data-bs-target="#autres-frais" type="button">Autres frais</button>
        </li>
        <li class="nav-item" role="presentation">
          <button class="nav-link" data-bs-toggle="tab" data-bs-target="#ferme-rapport" type="button">🖨️ Rapport imprimable</button>
        </li>
      </ul>
    </div>

    <div class="tab-content">
      <!-- Frais de personnel -->
      <div class="tab-pane fade show active" id="frais-personnel">
        <div class="d-flex justify-content-end mb-2">
          <a href="/comptable/frais-personnel/nouveau" class="btn btn-success btn-sm">+ Nouveau frais de personnel</a>
        </div>
        {% if frais_personnel %}
        <div class="table-responsive">
          <table class="table table-hover bg-white align-middle">
            <thead><tr><th>Employé</th><th>Période</th><th>Montant (MAD)</th><th>Description</th><th></th></tr></thead>
            <tbody>
              {% for f in frais_personnel %}
              <tr>
                <td>{{ f.employe }}</td>
                <td>{{ f.periode }}</td>
                <td>{{ "%.2f"|format(f.montant) }}</td>
                <td>{{ f.description or "—" }}</td>
                <td class="text-end"><a href="/comptable/frais-personnel/{{ f.id }}/modifier" class="btn btn-sm btn-outline-secondary">Modifier</a></td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
        {% else %}<p class="text-muted">Aucun frais de personnel enregistré.</p>{% endif %}
      </div>

      <!-- Autres frais -->
      <div class="tab-pane fade" id="autres-frais">
        <div class="d-flex justify-content-end mb-2">
          <a href="/comptable/autres-frais/nouveau" class="btn btn-success btn-sm">+ Nouveau frais</a>
        </div>
        {% if autres_frais %}
        <div class="table-responsive">
          <table class="table table-hover bg-white align-middle">
            <thead><tr><th>Type</th><th>Date</th><th>Montant (MAD)</th><th>Description</th><th></th></tr></thead>
            <tbody>
              {% for f in autres_frais %}
              <tr>
                <td>{{ f.type_frais }}</td>
                <td>{{ f.date_frais }}</td>
                <td>{{ "%.2f"|format(f.montant) }}</td>
                <td>{{ f.description or "—" }}</td>
                <td class="text-end"><a href="/comptable/autres-frais/{{ f.id }}/modifier" class="btn btn-sm btn-outline-secondary">Modifier</a></td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
        {% else %}<p class="text-muted">Aucun autre frais enregistré.</p>{% endif %}
      </div>

      <!-- Rapport imprimable (frais de personnel / autres frais / ensemble) -->
      <div class="tab-pane fade" id="ferme-rapport">
        <p class="text-muted small">Générer un rapport imprimable limité à la ferme d'exploitation : frais de personnel, autres frais, ou les deux ensemble.</p>
        <form method="get" action="/comptable/rapports/imprimer" class="card p-3 bg-white" style="max-width: 640px;">
          <div class="row g-2 align-items-end">
            <div class="col-md-12 mb-2">
              <label class="form-label small mb-1">Contenu du rapport</label>
              <select name="theme" class="form-select form-select-sm">
                {% for valeur, libelle in themes_ferme.items() %}
                <option value="{{ valeur }}">{{ libelle }}</option>
                {% endfor %}
              </select>
            </div>
            <div class="col-md-5 mb-2">
              <label class="form-label small mb-1">Du</label>
              <input type="date" name="date_debut" class="form-control form-control-sm">
            </div>
            <div class="col-md-5 mb-2">
              <label class="form-label small mb-1">Au</label>
              <input type="date" name="date_fin" class="form-control form-control-sm">
            </div>
            <div class="col-md-2 mb-2">
              <button type="submit" class="btn btn-success btn-sm w-100">Générer</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>

  <!-- ===================== Rapport/Synthèse (résumé par période, toutes rubriques) ===================== -->
  <div class="tab-pane fade" id="suivi">
      <div class="d-flex justify-content-end mb-3">
        <a href="/comptable/rapports/imprimer" class="btn btn-outline-success btn-sm">🖨️ Rapport imprimable</a>
      </div>
        <form method="get" action="/comptable#suivi" class="card p-3 bg-white mb-4">
          <div class="row g-2 align-items-end">
            <div class="col-md-3">
              <label class="form-label small mb-1">Regrouper par</label>
              <select name="groupement" class="form-select form-select-sm" onchange="this.form.submit()">
                <option value="mois" {% if filtre_groupement == "mois" %}selected{% endif %}>Mois</option>
                <option value="trimestre" {% if filtre_groupement == "trimestre" %}selected{% endif %}>Trimestre</option>
                <option value="annee" {% if filtre_groupement == "annee" %}selected{% endif %}>Année</option>
              </select>
            </div>
            <div class="col-md-3">
              <label class="form-label small mb-1">Mois (tableaux de détail)</label>
              <select name="mois" class="form-select form-select-sm" onchange="this.form.submit()">
                <option value="">Tous</option>
                {% for valeur, libelle in mois_disponibles %}
                <option value="{{ valeur }}" {% if filtre_mois == valeur %}selected{% endif %}>{{ libelle }}</option>
                {% endfor %}
              </select>
            </div>
            <div class="col-md-3">
              <label class="form-label small mb-1">Fournisseur</label>
              <select name="fournisseur_id" class="form-select form-select-sm" onchange="this.form.submit()">
                <option value="">Tous</option>
                {% for f in fournisseurs %}
                <option value="{{ f.id }}" {% if filtre_fournisseur_id == f.id %}selected{% endif %}>{{ f.nom }}</option>
                {% endfor %}
              </select>
            </div>
            <div class="col-md-3">
              <label class="form-label small mb-1">Nature (type de frais)</label>
              <select name="type_frais" class="form-select form-select-sm" onchange="this.form.submit()">
                <option value="">Toutes</option>
                {% for t in types_frais_disponibles %}
                <option value="{{ t }}" {% if filtre_type_frais == t %}selected{% endif %}>{{ t }}</option>
                {% endfor %}
              </select>
            </div>
            <div class="col-md-3">
              <label class="form-label small mb-1">Employé</label>
              <select name="employe" class="form-select form-select-sm" onchange="this.form.submit()">
                <option value="">Tous</option>
                {% for e in employes_disponibles %}
                <option value="{{ e }}" {% if filtre_employe == e %}selected{% endif %}>{{ e }}</option>
                {% endfor %}
              </select>
            </div>
          </div>
          {% if filtre_mois or filtre_fournisseur_id or filtre_type_frais or filtre_employe or filtre_groupement != "mois" %}
          <div class="mt-2"><a href="/comptable#suivi" class="small">✕ Réinitialiser les filtres</a></div>
          {% endif %}
        </form>

        <h2 class="h6 mb-2">
          Résumé par {{ "mois" if filtre_groupement == "mois" else ("trimestre" if filtre_groupement == "trimestre" else "année") }}
          (achats + autres frais + frais de personnel)
        </h2>
        {% if resume_periode %}
        <div class="table-responsive mb-4">
          <table class="table table-sm table-hover bg-white align-middle">
            <thead><tr><th>Période</th><th>Achats (MAD)</th><th>Autres frais (MAD)</th><th>Frais personnel (MAD)</th><th>Total (MAD)</th></tr></thead>
            <tbody>
              {% for r in resume_periode %}
              <tr>
                <td>{{ r.periode }}</td>
                <td>{{ "%.2f"|format(r.achats) }}</td>
                <td>{{ "%.2f"|format(r.autres_frais) }}</td>
                <td>{{ "%.2f"|format(r.frais_personnel) }}</td>
                <td class="fw-bold">{{ "%.2f"|format(r.total) }}</td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
        <p class="text-muted small mb-4">Les frais de personnel sans date de période renseignée (anciennes saisies) n'apparaissent pas ici tant qu'ils ne sont pas mis à jour.</p>
        {% else %}<p class="text-muted mb-4">Pas encore de données.</p>{% endif %}

        <div class="row">
          <div class="col-md-6 mb-4">
            <h2 class="h6 mb-2">Achats par fournisseur</h2>
            {% if par_fournisseur %}
            <table class="table table-sm table-hover bg-white align-middle">
              <thead><tr><th>Fournisseur</th><th>Nb achats</th><th>Total (MAD)</th></tr></thead>
              <tbody>
                {% for nom, nb, total in par_fournisseur %}
                <tr><td>{{ nom }}</td><td>{{ nb }}</td><td>{{ "%.2f"|format(total or 0) }}</td></tr>
                {% endfor %}
              </tbody>
            </table>
            {% else %}<p class="text-muted">Aucune donnée.</p>{% endif %}
          </div>

          <div class="col-md-6 mb-4">
            <h2 class="h6 mb-2">Autres frais par type</h2>
            {% if par_type_frais %}
            <table class="table table-sm table-hover bg-white align-middle">
              <thead><tr><th>Type</th><th>Total (MAD)</th></tr></thead>
              <tbody>
                {% for type_frais, total in par_type_frais %}
                <tr><td>{{ type_frais }}</td><td>{{ "%.2f"|format(total or 0) }}</td></tr>
                {% endfor %}
              </tbody>
            </table>
            {% else %}<p class="text-muted">Aucune donnée.</p>{% endif %}
          </div>

          <div class="col-md-6 mb-4">
            <h2 class="h6 mb-2">Frais de personnel par employé</h2>
            {% if par_employe %}
            <table class="table table-sm table-hover bg-white align-middle">
              <thead><tr><th>Employé</th><th>Total (MAD)</th></tr></thead>
              <tbody>
                {% for employe, total in par_employe %}
                <tr><td>{{ employe }}</td><td>{{ "%.2f"|format(total or 0) }}</td></tr>
                {% endfor %}
              </tbody>
            </table>
            {% else %}<p class="text-muted">Aucune donnée.</p>{% endif %}
          </div>

          <div class="col-md-6 mb-4">
            <h2 class="h6 mb-2">Frais de personnel par période</h2>
            {% if par_periode %}
            <table class="table table-sm table-hover bg-white align-middle">
              <thead><tr><th>Période</th><th>Total (MAD)</th></tr></thead>
              <tbody>
                {% for periode, total in par_periode %}
                <tr><td>{{ periode }}</td><td>{{ "%.2f"|format(total or 0) }}</td></tr>
                {% endfor %}
              </tbody>
            </table>
            {% else %}<p class="text-muted">Aucune donnée.</p>{% endif %}
          </div>
        </div>
  </div>

</div>
{% endblock %}