{# ---- ONGLET STOCK AMÉLIORÉ ---- #}
{% if "STOCK" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
<div class="tab-pane" id="info_stock" role="tabpanel">
  <input type="hidden" name="tab" value="info_stock">

  {% if "STOCK" in rights %}

    {# ===== Cas 1 : stock par déclinaisons ===== #}
    {% if produit.produitDeclinationValues %}
      {% set total = 0 %}
      {% set reserved = 0 %}
      {% for dv in produit.produitDeclinationValues %}
        {% for s in dv.stocks %}
          {% set total = total + s.qtStock %}
          {% set reserved = reserved + s.qtReserved %}
        {% endfor %}
      {% endfor %}
      {% set dispo = total - reserved %}

      {# Synthèse #}
      {% set total = 0 %}
      {% set reserved = 0 %}
      {% set dispo = 0 %}

      {% set saleTva = produit.tva ? produit.tva.number : 0 %}
      {% set buyTva  = produit.tvaBuy ? produit.tvaBuy.number : 0 %}

      {% set valAchatTtc = 0 %}
      {% set valAchatHt = 0 %}
      {% set valVenteHt = 0 %}
      {% set valVenteTtc = 0 %}

      {% for dv in produit.produitDeclinationValues %}
        {% for s in dv.stocks %}
          {% set total = total + s.qtStock %}
          {% set reserved = reserved + s.qtReserved %}

          {% set achatTtcLigne = s.qtStock * (dv.buyingPriceTtc ?? 0) %}
          {% set achatHtLigne  = buyTva > 0 ? (achatTtcLigne / (1 + buyTva / 100)) : achatTtcLigne %}
          {% set venteHtLigne  = s.qtStock * (dv.priceHt ?? 0) %}
          {% set venteTtcLigne = saleTva > 0 ? (venteHtLigne * (1 + saleTva / 100)) : venteHtLigne %}

          {% set valAchatTtc = valAchatTtc + achatTtcLigne %}
          {% set valAchatHt  = valAchatHt + achatHtLigne %}
          {% set valVenteHt  = valVenteHt + venteHtLigne %}
          {% set valVenteTtc = valVenteTtc + venteTtcLigne %}
        {% endfor %}
      {% endfor %}
      {% set dispo = total - reserved %}

      <div class="stock-summary-card mb-3">
        <div class="stock-summary-head stock-title-band mb-3">
          <span class="stock-title-icon"><i class="fa fa-cube"></i></span>
          <div class="stock-title-text">
            <small class="stock-title-sub">Tableau de bord</small>
            <h3 class="mb-0">Synthèse du stock</h3>
          </div>
        </div>



        <div class="kpi-group mb-3">
          <div class="kpi">
            <div class="kpi-label">Qté en stock</div>
            <div class="kpi-value">{{ total }}</div>
          </div>
          <div class="kpi">
            <div class="kpi-label">Qté réservée</div>
            <div class="kpi-value text-warning">{{ reserved }}</div>
          </div>
          <div class="kpi {{ dispo < 0 ? 'kpi-neg' : (dispo > 0 ? 'kpi-pos' : 'kpi-zero') }}">
            <div class="kpi-label">Qté disponible</div>
            <div class="kpi-value">{{ dispo }}</div>
          </div>
        </div>

        <div class="stock-valuation-grid">
          {% if is_granted('ROLE_SUPER_ADMIN') %}
            <div class="stock-val-item">
              <div class="stock-val-label">Achat HT</div>
              <div class="stock-val-value">{{ valAchatHt|number_format(3,'.',',') }} <sup>TND</sup></div>
            </div>
            <div class="stock-val-item">
              <div class="stock-val-label">Achat TTC</div>
              <div class="stock-val-value">{{ valAchatTtc|number_format(3,'.',',') }} <sup>TND</sup></div>
            </div>
          {% endif %}
          <div class="stock-val-item">
            <div class="stock-val-label">Vente HT</div>
            <div class="stock-val-value">{{ valVenteHt|number_format(3,'.',',') }} <sup>TND</sup></div>
          </div>
          <div class="stock-val-item">
            <div class="stock-val-label">Vente TTC</div>
            <div class="stock-val-value">{{ valVenteTtc|number_format(3,'.',',') }} <sup>TND</sup></div>
          </div>
        </div>
      </div>


      {# Détail par entrepôt #}
      <div class="stock-summary-head stock-title-band mb-3">
        <span class="stock-title-icon"><i class="fa fa-dropbox"></i></span>
        <div class="stock-title-text">
          <small class="stock-title-sub">Suivi opérationnel</small>
          <h3 class="mb-0">Détail par entrepôt</h3>
        </div>

        <div class="ms-auto">
          {% if "STOCK_UPDATE" in rights %}
            <a href="#"
              class="btn btn-secondary btn-sm modal_product_history"
              data-product="{{ produit.id }}"
              title="Mouvements stock du produit">
              <i class="fa fa-history"></i> Historique des mouvements du produit
            </a>
          {% endif %}
        </div>
      </div>


        <div class="row g-2 mb-3">
          <div class="col-12 col-lg-8">
            <div class="stock-panel">
              <div class="stock-panel-title">Filtres</div>
              <div class="d-flex flex-wrap gap-2">
                <input type="text" id="stockFilterStore" class="form-control form-control-sm" placeholder="Entrepôt" style="min-width:160px;">
                <select id="stockFilterAvail" class="form-control form-control-sm" style="min-width:170px;">
                  <option value="">Disponibilité: Tous</option>
                  <option value="gt0">Disponible > 0</option>
                  <option value="le0">Disponible <= 0</option>
                </select>
                <button type="button" id="stockFilterReset" class="btn btn-sm btn-light border">Réinitialiser</button>
              </div>
            </div>
          </div>

          <div class="col-12 col-lg-4">
            <div class="stock-panel">
              <div class="stock-panel-title">Seuil global</div>
              <div class="d-flex gap-2">
                <input type="number" min="0" id="bulkStockThreshold" class="form-control form-control-sm" placeholder="Seuil masse">
                <button type="button" id="applyBulkThreshold" class="btn btn-sm btn-primary">Appliquer</button>
              </div>
            </div>
          </div>
        </div>




      {% set saleTva = produit.tva ? produit.tva.number : 0 %}
      {% set buyTva  = produit.tvaBuy ? produit.tvaBuy.number : 0 %}
      <div class="table-responsive">
        <table id="stockProduitTable" class="table table-hover align-middle">
          <thead class="table-light">
            <tr>
              <th style="width:56px;">Photo</th>
              <th>Entrepôt</th>
              <th>Référence</th>
              <th class="text-center">Qté stock</th>
              <th class="text-center">Qté réservée</th>
              <th class="text-center">Qté dispo</th>
              <th class="text-center">Alerte</th>
              <th class="text-center">Seuil</th>
              {% if is_granted('ROLE_SUPER_ADMIN') %}
                <th class="text-end">Valor. Achat HT</th>
                <th class="text-end">Valor. Achat TTC</th>
              {% endif %}
              <th class="text-end">Valor. Vente HT</th>
              <th class="text-end">Valor. Vente TTC</th>
              <th class="text-center" style="width:90px;">Actions</th>
            </tr>
          </thead>
          <tbody>
            {% for dv in produit.produitDeclinationValues|sort((a, b) => a.reference <=> b.reference) %}
              {% set selectedPic = dv.picture|filter(p => p.isSelected)|first %}
              {% if not selectedPic %}
                {% set selectedPic = dv.picture|first %}
              {% endif %}

              {% for s in dv.stocks %}
                {% set dispo = s.qtStock - s.qtReserved %}
                {% set seuil = dv.alertStockMin ?? 3 %}

                {% set achatTtc = (s.qtStock * (dv.buyingPriceTtc ?? 0)) %}
                {% set achatHt  = buyTva > 0 ? (achatTtc / (1 + buyTva / 100)) : achatTtc %}
                {% set venteHt  = (s.qtStock * (dv.priceHt ?? 0)) %}
                {% set venteTtc = saleTva > 0 ? (venteHt * (1 + saleTva / 100)) : venteHt %}

                <tr data-ref="{{ dv.reference|lower }}" data-store="{{ (s.storehouse ?: 'principal')|lower }}" data-dispo="{{ dispo }}">
                  <td class="text-center">
                    {% if selectedPic %}
                      <img src="{{ app.request.getSchemeAndHttpHost() }}{{ vich_uploader_asset(selectedPic, 'file') }}" alt="" class="stock-thumb">
                    {% else %}
                      <div class="stock-thumb stock-thumb-empty"><i class="fa fa-image"></i></div>
                    {% endif %}
                  </td>
                  <td>{{ s.storehouse ?: 'Principal' }}</td>
                  <td class="text-left">{{ dv.reference }}</td>
                  <td class="text-center"><span class="stock-badge stock-badge-primary">{{ s.qtStock }}</span></td>
                  <td class="text-center"><span class="stock-badge stock-badge-warning">{{ s.qtReserved }}</span></td>
                  <td class="text-center">
                    <span class="stock-badge {{ dispo > 0 ? 'stock-badge-success' : (dispo < 0 ? 'stock-badge-danger' : 'stock-badge-neutral') }}">{{ dispo }}</span>
                  </td>
                  <td class="text-center stock-alert-cell">
                    {% if dispo < seuil %}
                      <i class="fa fa-exclamation-triangle text-danger"
                        data-bs-toggle="tooltip"
                        title="Risque rupture (< seuil {{ seuil }})"></i>
                    {% elseif dispo == seuil %}
                      <i class="fa fa-exclamation-circle text-warning"
                        data-bs-toggle="tooltip"
                        title="Stock au seuil ({{ seuil }})"></i>
                    {% else %}
                      <i class="fa fa-check-circle text-success"
                        data-bs-toggle="tooltip"
                        title="Stock OK (> seuil {{ seuil }})"></i>
                    {% endif %}
                  </td>
                  <td class="text-center stock-threshold-cell">

                    <div class="d-flex justify-content-center gap-1">
                      <input type="number" min="0" class="form-control form-control-sm decli-threshold-input"
                            value="{{ dv.alertStockMin ?? 3 }}" style="width:48px;" data-decli="{{ dv.id }}">
                      <button type="button" class="btn btn-sm save-decli-threshold" data-decli="{{ dv.id }}">
                        <i class="fa fa-save"></i>
                      </button>
                    </div>
                  </td>


                  {% if is_granted('ROLE_SUPER_ADMIN') %}
                    <td class="text-end stock-achat-ht" data-raw="{{ achatHt|number_format(3,'.','') }}">{{ achatHt|number_format(3,'.',',') }} <sup>TND</sup></td>
                    <td class="text-end stock-achat-ttc" data-raw="{{ achatTtc|number_format(3,'.','') }}">{{ achatTtc|number_format(3,'.',',') }} <sup>TND</sup></td>
                  {% endif %}

                  <td class="text-end stock-vente-ht" data-raw="{{ venteHt|number_format(3,'.','') }}">{{ venteHt|number_format(3,'.',',') }} <sup>TND</sup></td>
                  <td class="text-end stock-vente-ttc" data-raw="{{ venteTtc|number_format(3,'.','') }}">{{ venteTtc|number_format(3,'.',',') }} <sup>TND</sup></td>

                  <td class="text-center">
                    {% if "STOCK_UPDATE" in rights %}
                      <div class="dropdown">
                        <button class="btn btn-sm btn-light border" type="button" data-bs-toggle="dropdown"><i class="fas fa-ellipsis-h"></i></button>
                        <div class="dropdown-menu dropdown-menu-end">
                          <a href="#" id="modal_edit_stock" class="dropdown-item" data-stock="{{ s.id }}">
                            <i class="fa fa-edit text-primary me-2"></i> Modifier Stock
                          </a>
                          <a href="#" class="dropdown-item modal_stock_history" data-stock="{{ s.id }}">
                            <i class="fa fa-history text-info me-2"></i> Historique
                          </a>
                        </div>
                      </div>
                    {% endif %}
                  </td>
                </tr>
              {% endfor %}
            {% endfor %}
          </tbody>
          <tfoot>
            <tr class="table-light">
              <th colspan="{% if is_granted('ROLE_SUPER_ADMIN') %}8{% else %}5{% endif %}" class="text-end">Totaux:</th>
              {% if is_granted('ROLE_SUPER_ADMIN') %}
                <th class="text-end" id="stockTotalAchatHt">0.000 <sup>TND</sup></th>
                <th class="text-end" id="stockTotalAchatTtc">0.000 <sup>TND</sup></th>
              {% endif %}
              <th class="text-end" id="stockTotalVenteHt">0.000 <sup>TND</sup></th>
              <th class="text-end" id="stockTotalVenteTtc">0.000 <sup>TND</sup></th>
              <th></th>
            </tr>
          </tfoot>
        </table>
      </div>





    {# ===== Cas 2 : stock produit simple ===== #}
    {% elseif produit.stocks %}
      {% set totalStock = 0 %}
      {% set reservedStock = 0 %}
      {% for s in produit.stocks %}
        {% set totalStock = totalStock + s.qtStock %}
        {% set reservedStock = reservedStock + s.qtReserved %}
      {% endfor %}
      {% set dispoStock = totalStock - reservedStock %}

      <div class="stock-header d-flex align-items-center justify-content-between mb-3">
        <div class="stock-summary-head stock-title-band mb-3">
          <span class="stock-title-icon"><i class="fa fa-cube"></i></span>
          <div class="stock-title-text">
            <small class="stock-title-sub">Tableau de bord</small>
            <h3 class="mb-0">Synthèse du stock</h3>
          </div>
        </div>

        {% if is_granted('ROLE_SUPER_ADMIN') %}
          <div class="small text-muted">Valorisation: <strong>{{ (totalStock * produit.buyingPriceTtc)|number_format(3,'.',',') }} TND</strong></div>
        {% endif %}
      </div>

      <div class="kpi-group mb-3">
        <div class="kpi"><div class="kpi-label">Qté en stock</div><div class="kpi-value">{{ totalStock }}</div></div>
        <div class="kpi"><div class="kpi-label">Qté réservée</div><div class="kpi-value text-warning">{{ reservedStock }}</div></div>
        <div class="kpi {{ dispoStock < 0 ? 'kpi-neg' : (dispoStock > 0 ? 'kpi-pos' : 'kpi-zero') }}">
          <div class="kpi-label">Qté disponible</div><div class="kpi-value">{{ dispoStock }}</div>
        </div>
      </div>

      <div class="stock-summary-head stock-title-band mb-3">
        <span class="stock-title-icon"><i class="fa fa-dropbox"></i></span>
        <div class="stock-title-text">
          <small class="stock-title-sub">Suivi opérationnel</small>
          <h3 class="mb-0">Détail par entrepôt</h3>
        </div>

        <div class="ms-auto">
          {% if "STOCK_UPDATE" in rights %}
            <a href="#"
              class="btn btn-dark btn-sm modal_product_history"
              data-product="{{ produit.id }}"
              title="Mouvements stock du produit">
              <i class="fa fa-history"></i> Historique des mouvements du produit
            </a>
          {% endif %}
        </div>
      </div>


      <div class="table-responsive">
        <table class="table table-sm table-striped align-middle">
          <thead class="thead-light">
            <tr>
              <th>Entrepôt</th>
              <th class="text-end">Total</th>
              <th class="text-end">Réservée</th>
              <th class="text-end">Disponible</th>
            </tr>
          </thead>
          <tbody>
            {% for s in produit.stocks %}
              {% set d = s.qtStock - s.qtReserved %}
              <tr class="{{ d < 0 ? 'row-neg' : (d > 0 ? 'row-pos' : 'row-zero') }}">
                <td>Entrepôt {{ s.storehouse }}</td>
                <td class="text-end">{{ s.qtStock }}</td>
                <td class="text-end">{{ s.qtReserved }}</td>
                <td class="text-end fw-semibold">{{ d }}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>

    {# ===== Cas 3 : aucun stock ===== #}
    {% else %}
      <div class="stock-summary-head stock-title-band mb-3">
        <span class="stock-title-icon"><i class="fa fa-cube"></i></span>
        <div class="stock-title-text">
          <small class="stock-title-sub">Tableau de bord</small>
          <h3 class="mb-0">Synthèse du stock</h3>
        </div>
      </div>


      <div class="kpi-group mb-3">
        <div class="kpi"><div class="kpi-label">Qté en stock</div><div class="kpi-value">0</div></div>
        <div class="kpi"><div class="kpi-label">Qté réservée</div><div class="kpi-value text-warning">0</div></div>
        <div class="kpi kpi-zero"><div class="kpi-label">Qté disponible</div><div class="kpi-value">0</div></div>
      </div>

      <div class="table-responsive">
        <table class="table table-sm table-striped align-middle">
          <thead class="thead-light">
            <tr>
              <th>Entrepôt</th>
              <th class="text-end">Total</th>
              <th class="text-end">Réservée</th>
              <th class="text-end">Disponible</th>
            </tr>
          </thead>
          <tbody>
            <tr class="row-zero">
              <td>Entrepôt Principal</td>
              <td class="text-end">0</td>
              <td class="text-end">0</td>
              <td class="text-end fw-semibold">0</td>
            </tr>
          </tbody>
        </table>
      </div>
    {% endif %}
  {% endif %}
</div>
{% endif %}

  {# --- Modale Historique stock declinaisons --- #}
   <div class="modal fade" id="modalStockHistory" tabindex="-1" aria-hidden="true">
          <div class="modal-dialog modal-dialog-centered modal-lg"><div class="modal-content">
              <div class="modal-header bg-light">
                  <h5 class="modal-title"><i class="fa fa-history text-info me-2"></i> Historique des mouvements</h5>
                  <button type="button" class="bs-close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              </div>
              <div class="modal-body p-3">
                  <div id="stockHistoryContent" class="text-center text-muted py-4">
                      <i class="fa fa-spinner fa-spin fa-2x text-secondary"></i><p class="mt-2">Chargement…</p>
                  </div>
              </div>
              <div class="modal-footer">
                  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
              </div>

          </div>
      </div>
  </div>

  {# --- Modale Historique stock produit --- #}
  <div class="modal fade" id="modalStockHistoryProduct" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg"><div class="modal-content">
      <div class="modal-header bg-light">
        <h5 class="modal-title"><i class="fa fa-history text-info me-2"></i> Historique des mouvements — {{ produit.name }}</h5>
        <button type="button" class="bs-close" data-bs-dismiss="modal"><span>&times;</span></button>
      </div>
      <div class="modal-body p-3">
        <div id="productHistoryContent" class="text-center text-muted py-4">
          <i class="fa fa-spinner fa-spin fa-2x text-secondary"></i><p class="mt-2">Chargement…</p>
        </div>
      </div>
      <div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button></div>
    </div></div>
  </div>