{% set trans_day_hash = {
  Jan : 'Janvier',
  Feb : 'Février',
  Mar : 'Mars',
  Apr : 'Avril',
  May : 'Mai',
  Jun : 'Juin',
  Jul : 'Juillet',
  Aug : 'Août',
  Sep : 'Septembre',
  Oct : 'Octobre',
  Nov : 'Novembre',
  Dec : 'Décembre'
} %}
{% extends 'base.html.twig' %}
{% block facture %}
  <link rel="stylesheet"
    href="{{ asset('assets/styles/css/facture.min.css') }}" />
{% endblock %}
{% block title %}
  Liste des factures du {{ dates[0]|date('d/m/Y') }} au {{ dates[1]|date('d/m/Y') }}
  {% if dates[2] %}
    pour {{ dates[2] }}
  {% endif %}
{% endblock %}

{% block body %}
  {% set cout_HT = 0 %}
  {% set regle = 0 %}
  {% set cout_TTC = 0 %}
  {% set waiting_HT = 0 %}
  {% set TVA = 0 %}
  {% set waiting_TTC = 0 %}
  {% set month = dates[0]|date('M') %}
  {% set totalFacuresCompte = 0 %}
  <div class="show-container">
    <div class="facture-list-header">
      <div class="facture-list-header-left">
        <h1>
          <i class="fad fa-file-invoice-dollar"></i>Liste des Factures
        </h1>
        <h2>
          Periode du <span>{{ dates[0]|date('d') }} {{ trans_day_hash[dates[0]|date('M')] }} {{ dates[0]|date('Y') }}</span> au <span>{{ dates[1]|date('d') }} {{ trans_day_hash[dates[1]|date('M')] }} {{ dates[1]|date('Y') }}</span>
          {% if dates[2] %}
            pour <span>{{ dates[2] }}</span>
          {% endif %}
        </h2>
      </div>
      <div class="facture-list-header-right">
        <div class="facture-list-header-right-side">
          <div>
            Coût HT <span class="value-box">{{ coutHt}}€</span>
          </div>
          <div>
            Réglé <span class="value-box">{{ regleHt }}€</span>
          </div>
          <div>
            Coût TTC<span class="value-box">{{coutTtc}}€</span>
          </div>
        </div>
        <div class="facture-list-header-right-side">
          <div>
            En attente HT <span class="value-box">{{ coutHt - regleHt }}€</span>
          </div>
          <div>
            TVA <span class="value-box">{{ totalTva }}€</span>
          </div>
          <div>
            En attente TTC <span class="value-box">{{ coutTtc - regleTtc }}€</span>
          </div>
        </div>
      </div>
    </div>
    <div class="facture-list-body">
      <table class="header-table">
        <thead>
          <tr>
            <th class='cell-date cell cell-border-btm'>
              Date
            </th>
            <th class='cell-cf cell cell-border-btm'>
              Code Facture
            </th>
            <th class='cell-intitule cell cell-border-btm'>
              Intitulé de la Formation
            </th>
            <th class='cell-amount cell cell-border-btm'>
              Montant
            </th>
            <th class='cell-paidDate cell cell-border-left'>
              Encaissement
            </th>
            <th class='cell-paid cell-border-left cell'>
              Paiement
            </th>
          </tr>
        </thead>
        <tbody class="month-report">
          <tr>
            <td class='top-values cell cell-date'>
              {{ month|format_date('none', 'MMMM', null, 'gregorian', 'fr') }}
            </td>
            <td class='cell-cf cell'>&nbsp</td>
            <td class='cell-intitule cell'>&nbsp</td>
            <td class='cell-amount cell'>&nbsp</td>
            <td class='top-values cell cell-paidDate'>{{ coutHt }}€</td>
            <td class='cell-paid cell'>{{ nbPaiement }}</td>
          </tr>
        </tbody>
        </table>
        {# for 1#}
        {% if factures |length == 0%}
          <h5 class="facture-list-client" style="text-align: center"> Aucune facture trouvée pour cette période </h5>
        {% else %}
          {% for compte,values in factures %}
                  <h5 class="facture-list-client"><i>Client :  </i><span class="facture-list-client-name">{{ compte }}<span></h5>
            {% if values|length == 0  %}
              <h5 class="facture-list-client" style="text-align: center"> Aucune facture trouvée pour ce client </h5>
            {% else %}
              <table>
                <tbody class="facture-list-listing">
                {# for 2 #}
                    {% for facture in values %}
                      <tr>
                          <td class='cell-date cell'>{{ facture[0]|date('d/m/Y') }}</td>
                          <td class='cell-cf cell'>{{ facture[1] }}</td>
                          <td class='cell-intitule cell'>{{ facture[2] }}</td>
                          <td class='cell-amount cell cell-border-right'>{{ facture[3] }}€</td>
                          <td class='cell-paidDate cell'>{{ facture[4] == null ? " " :facture[4]|date('d/m/Y') }}</td>
                          <td class='cell-paid cell-border-left cell'> {{ facture[5] ? "<i class=\"fad fa-check-square fa-lg\"></i>" : "<i class=\"fad fa-times-square fa-lg\"></i>"  }}</td>
                      </tr>
                      {% set totalFacuresCompte = totalFacuresCompte + facture[3]%}
                    {% endfor %}
                      <tr>
                          <td class='cell-date cell'></td>
                          <td class='cell-cf cell'></td>
                          <td class='cell-intitule cell'></td>
                          <td class='cell-amount cell cell-border-top facture-list-client-total'> {{ totalFacuresCompte }}€</td>
                          <td class='cell-paidDate cell'></td>
                          <td class='cell-paid cell'></td>
                      </tr>
                </tbody>
              </table>
            {% endif %}
        {% endfor %}
      {% endif %}


{#
      {{ month|format_date('none', 'MMMM', null, 'gregorian', 'fr') }}
      {% set month = month|date_modify('+1 month')|date('M') %}

      {{ month|format_date('none', 'MMMM', null, 'gregorian', 'fr') }}
      #}
    </div>
  </div>


<script>
function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

</script>
{% endblock %}