{# ================= CONTENT: Documents liés au produit ================= #}



{% set _nbrCommande = nbrCommandeTotal|default(0) %}
{% set _nbrFacture = nbrFactureTotal|default(0) %}
{% set _nbrAvoir = nbrAvoirTotal|default(0) %}
{% set _nbrEchange = nbrEchangeTotal|default(0) %}
{% set _nbrAchat = nbrAchatTotal|default(0) %}
{% set _nbrReception = nbrReceptionTotal|default(0) %}
{% set _nbrRetour = nbrRetourTotal|default(0) %}
{% set _docsTotal = _nbrCommande + _nbrFacture + _nbrAvoir + _nbrEchange + _nbrAchat + _nbrReception + _nbrRetour %}

<div class="tab-pane" id="content_documents" role="tabpanel">
  <div class="panel">

    <div class="crm-header">
      <div class="crm-header-left">
        <span class="crm-badge"><i class="fas fa-folder-open"></i></span>
        <div>
          <h4>Documents liés au produit</h4>
          <p class="crm-subtitle">Suivi des documents commerciaux rattachés au produit</p>
        </div>
      </div>

      <div class="kpi-wrap">
        <span class="kpi">Total docs: <strong>{{ _docsTotal }}</strong></span>
        <span class="kpi">CA TTC: <strong>{{ totalDocumentsTtc|default(0)|number_format(3,'.',',') }} TND</strong></span>
        <span class="kpi">Impayés: <strong>{{ totalImpayesTtc|default(0)|number_format(3,'.',',') }} TND</strong></span>
        <span class="kpi">Échéances proches: <strong>{{ echeancesProches|default(0) }}</strong></span>
      </div>
    </div>

    <div class="panel-body">

      {# ------- Toolbar Type de document ------- #}
      <div class="toolbar" role="group" aria-label="Filtre types de documents">

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

          {% if "DOCUMENT_CLIENT" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
            <button type="button" class="btn btn-sm 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>
          {% endif %}

          {% if "DOCUMENT_CLIENT_INVOICE" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
            <button type="button" class="btn btn-sm 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 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>
          {% endif %}

          {% if "DOCUMENT_CLIENT_ECHANGE" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
            <button type="button" class="btn btn-sm 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>
          {% endif %}
        </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 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 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 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>

      {# ------- Filtres utiles ------- #}
      <div class="filters-row">
        <input type="text" id="docSearchInput" class="form-control form-control-sm" placeholder="Recherche (réf doc/tél client/nom client/client)" data-bs-toggle="tooltip" title="Recherche: tél 1/2, ref client, nom client, ref document">

        {{ form_widget(form.status, {
          attr: {
            id: 'filter_document_status',
            class: 'form-control form-select form-select-sm select2 ',
            'data-bs-toggle': 'tooltip',
            title: 'Filtrer par statut'
          }
        }) }}


        <input type="date" id="docDateFrom" class="form-control form-control-sm" placeholder="Date début" data-bs-toggle="tooltip" title="Date création du">
        <input type="date" id="docDateTo" class="form-control form-control-sm" placeholder="Date fin" data-bs-toggle="tooltip" title="Date création au">

        <button type="button" id="docFilterReset" class="btn btn-sm btn-light border">Initialiser</button>
      </div>

      <p class="hint">
        <i class="fa fa-info-circle me-1"></i>
        Par défaut: bons de commande client liés au produit. Utilisez les filtres et les boutons de type pour affiner.
      </p>

      {# ------- Formulaire masqué Symfony ------- #}
      <div class="d-none">
        {{ form_start(form, { attr: { class: 'm-form m-form--fit m-form--label-align-left' } }) }}
          {{ form_widget(form.reference, { attr: { class: 'form-control m-input', placeholder: 'Référence' }, value: produit.id }) }}
          <input type="hidden" id="{{ form.type.vars.id }}"        name="{{ form.type.vars.full_name }}"        value="commande">
          <input type="hidden" id="{{ form.category.vars.id }}"    name="{{ form.category.vars.full_name }}"    value="client">
          <input type="hidden" id="{{ form.typeElement.vars.id }}" name="{{ form.typeElement.vars.full_name }}" value="produit">
          {{ form_rest(form) }}
        {{ form_end(form) }}
      </div>

      {# ------- Tableau ------- #}
      <div class="crm-table">
        <table id="documentsListTableProduit" class="table table-sm table-hover w-100">

        </table>
      </div>

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