{# === Onglet Documents déclinaison === #}
<div class="tab-pane fade {{ app.request.get('tab') == 'content_documents' ? 'show active' : '' }}"
     id="content_documents"
     role="tabpanel">

  {% set nbrCommande = 0 %}
  {% set nbrFacture = 0 %}
  {% set nbrAvoir = 0 %}
  {% set nbrEchange = 0 %}
  {% set nbrAchat = 0 %}
  {% set nbrReception = 0 %}
  {% set nbrRetour = 0 %}

  {% for l in declinaison.documentDeclinationProduits %}
    {% if l.document %}
      {% if l.document.type == 'commande' %}{% set nbrCommande = nbrCommande + 1 %}{% endif %}
      {% if l.document.type == 'facture' %}{% set nbrFacture = nbrFacture + 1 %}{% endif %}
      {% if l.document.type == 'avoir' %}{% set nbrAvoir = nbrAvoir + 1 %}{% endif %}
      {% if l.document.type == 'echange' %}{% set nbrEchange = nbrEchange + 1 %}{% endif %}
      {% if l.document.type == 'achat' %}{% set nbrAchat = nbrAchat + 1 %}{% endif %}
      {% if l.document.type == 'reception' %}{% set nbrReception = nbrReception + 1 %}{% endif %}
      {% if l.document.type == 'retour' %}{% set nbrRetour = nbrRetour + 1 %}{% endif %}
    {% endif %}
  {% endfor %}

  <div class="panel">
    <div class="crm-header">
      <span class="crm-badge"><i class="fas fa-folder-open"></i></span>
      <h4 class="mb-0">Documents liés à la déclinaison</h4>
    </div>

    <div class="panel-body">
      <div class="toolbar" role="group" aria-label="Type documents">
        <div class="toolbar-group">
          <span class="group-title">Client</span>

          <button type="button" class="btn btn-sm doc-btn btn-document active" data-type="commande" data-category="client">
            <i class="fas fa-shopping-basket"></i> Bons de commande
            <span class="doc-badge crm-badge-info {{ nbrCommande == 0 ? 'doc-badge--zero' : '' }}">{{ nbrCommande }}</span>
          </button>

          <button type="button" class="btn btn-sm doc-btn btn-document" data-type="facture" data-category="client">
            <i class="fas fa-file-invoice"></i> Factures
            <span class="doc-badge crm-badge-info {{ nbrFacture == 0 ? 'doc-badge--zero' : '' }}">{{ nbrFacture }}</span>
          </button>

          <button type="button" class="btn btn-sm doc-btn btn-document" data-type="avoir" data-category="client">
            <i class="fas fa-file-invoice-dollar"></i> Avoirs
            <span class="doc-badge crm-badge-info {{ nbrAvoir == 0 ? 'doc-badge--zero' : '' }}">{{ nbrAvoir }}</span>
          </button>

          <button type="button" class="btn btn-sm doc-btn btn-document" data-type="echange" data-category="client">
            <i class="fas fa-exchange-alt"></i> Bons d’échange
            <span class="doc-badge crm-badge-info {{ nbrEchange == 0 ? 'doc-badge--zero' : '' }}">{{ nbrEchange }}</span>
          </button>
        </div>

        {% if is_granted('ROLE_SUPER_ADMIN') %}
          <span class="sep"></span>

          <div class="toolbar-group">
            <span class="group-title">Fournisseur</span>

            <button type="button" class="btn btn-sm doc-btn btn-document" data-type="achat" data-category="fournisseur">
              <i class="fas fa-clipboard-list"></i> Demandes d’achat
              <span class="doc-badge crm-badge-info {{ nbrAchat == 0 ? 'doc-badge--zero' : '' }}">{{ nbrAchat }}</span>
            </button>

            <button type="button" class="btn btn-sm doc-btn btn-document" data-type="reception" data-category="fournisseur">
              <i class="fas fa-dolly"></i> Bons de réception
              <span class="doc-badge crm-badge-info {{ nbrReception == 0 ? 'doc-badge--zero' : '' }}">{{ nbrReception }}</span>
            </button>

            <button type="button" class="btn btn-sm doc-btn btn-document" data-type="retour" data-category="fournisseur">
              <i class="fas fa-reply"></i> Bons de retour
              <span class="doc-badge crm-badge-info {{ nbrRetour == 0 ? 'doc-badge--zero' : '' }}">{{ nbrRetour }}</span>
            </button>
          </div>
        {% endif %}
      </div>

      {# Champs cachés nécessaires à documentsDatatableProduit #}
      <input type="hidden" id="filter_document_type" value="commande">
      <input type="hidden" id="filter_document_category" value="client">
      <input type="hidden" id="filter_document_typeElement" value="declination">
      <input type="hidden" id="filter_document_reference" value="{{ declinaison.id }}">

      <div class="crm-table p-3">
        <table id="documentsListTableProduit" class="table table-sm table-hover w-100"></table>
      </div>
    </div>
  </div>
</div>