{% extends 'menuback.html.twig' %}

{% block stylesheets %}
{{parent()}}


{% endblock %}

{% block body %}
<div class="main-content" style="min-height: 568px;">
    <section class="section">
        <center>
            <h1> <b style="color:crimson;font-size:19px;"> Rechercher historique de commande d'un client</b></h1>
            <p id="msgerror" style="color: red; text-align: center;"></p>
        </center>
        <div class="row">
            <div class="col-md-12">

                <div class="card">
                    <div class="card-header">

                        <h4>Informations client</h4>
                    </div>
                    <div class="card-body">
                        <form action="{{ path('searchcommandebynumerocmdtrue') }}" method="post">
                            <input name="valide" value="ok" type="hidden" class="form-control">

                            <div class="form-group">
                                <label for="numerotelephone">Numero de telephone</label>
                                <input type="text" name="numerotelephone" id="numerotelephone" class="form-control"
                                    aria-describedby="emailHelp" placeholder="Enter un numero de téléphone" required>
                                <small id="emailHelp" class="form-text text-muted">Merci de saisir un numero de telephone
                                    valide</small>
                            </div>

                            <button type="submit" class="btn btn-primary">Soumettre</button>
                        </form>
                    </div>
                </div>
            </div>

      {% if boollistcmd == true %}

{% set boolbutton = 0 %}
{% set nameclient = "Nous avons pas pu identifier le nom client" %}
{% for commande in commandes   %}
{% if loop.first %}
{% set nameclient = commande.nom %}
{% if commande.livraison  %}
{% if (commande.livraison.statut ) =="Finalisé" or (commande.livraison.statut ) =="Cloturer" %}
{% set boolbutton = 1 %}
{% else %}
{% set boolbutton = 0 %}
{% endif %}
{% else %}
{% set boolbutton = 0 %}
{% endif %}



{% endif %}

{% endfor %}
{% set quant = 0 %}
{% set montantreduc = 0 %}
{% set montantpaiement = 0 %}
{% set frais = 0 %}
{% set prixtotal = 0 %}

{% set totalcommande = 0 %}
{% set totalcommandeeffecture = 0 %}
{% set totalcommandeechec = 0 %}

{% for commande in commandes %}

{% set totalcommande = totalcommande+ commande|length  %}

 {% set montantreduc = montantreduc+ commande.montantreduction %}
{% set montantpaiement = montantpaiement+ commande.montantpaiementavance %}
{% for produit in commande.produit %}
{% set quant = quant+ produit.quantite %}
{% set prixtotal = prixtotal+ produit.quantite * produit.lproduit.prixunitaire %}
{% endfor %}
{% endfor %}

{% set quanteffectuer = 0 %}
{% set montantreduc1 = 0 %}
{% set montantpaiement1 = 0 %}
{% set fraiseffectuer = 0 %}
{% set prixtotaleffectuer = 0 %}

{% for commande in commandes  if (commande.typestatut.designation == "livraison effectuée" )%}

{% set totalcommandeeffecture = totalcommandeeffecture+ commande|length  %}


{% set fraiseffectuer = fraiseffectuer+ commande.fraislivraison %}
{% set montantreduc1 = montantreduc1 + commande.montantreduction %}
{% set montantpaiement1 = montantpaiement1 + commande.montantpaiementavance %}
{% for produit in commande.produit   %}
{% set quanteffectuer = quanteffectuer+ produit.quantite %}
{% set prixtotaleffectuer = prixtotaleffectuer+ produit.quantite * produit.lproduit.prixunitaire %}
{% endfor %}
{% endfor %}

           <div class="row">
               <div class="card">
                  <div class="card-body">
                          <h5 class="modal-title" id="exampleModalLongTitle">Historique client: {{ nameclient|title }}</h5>

                     {% if totalcommande|trim >0 %}
                     <center style="color: #000000;font-size=23px;font-weight:bold;">
                        le taux de commande reussi  est {{ ((totalcommandeeffecture|trim /totalcommande|trim )*100 )|round(2, 'floor') }} %  
                     </center>
                     <div class="progress" data-height="20" data-toggle="tooltip" title=""
                        data-original-title="{{ ((totalcommandeeffecture|trim /totalcommande|trim )*100 )|round(2, 'floor') }}"
                        style="height: 4px;">
                        {% if ((totalcommandeeffecture|trim /totalcommande|trim )*100 )|round(2, 'floor') < 25 |round(2, 'floor')%}
                        <div class="progress-bar bg-danger" role="progressbar"
                           style="width: {{ ((totalcommandeeffecture|trim /totalcommande|trim )*100 )|round(2, 'floor') }}%"
                           aria-valuenow="{{ ((totalcommandeeffecture|trim /totalcommande|trim )*100 )|round(2, 'floor') }}"
                           aria-valuemin="0" aria-valuemax="100"></div>
                        {% endif %}
                        {% if ( ((totalcommandeeffecture|trim /totalcommande|trim )*100 )|round(2, 'floor') > 25 |round(2, 'floor') ) and  ( ((totalcommandeeffecture|trim /totalcommande|trim )*100 )|round(2, 'floor') <75 |round(2, 'floor') ) %}
                        <div class="progress-bar bg-orange" role="progressbar"
                           style="width: {{ ((totalcommandeeffecture|trim /totalcommande|trim )*100 )|round(2, 'floor') }}%"
                           aria-valuenow="{{ ((totalcommandeeffecture|trim /totalcommande|trim )*100 )|round(2, 'floor') }}"
                           aria-valuemin="0" aria-valuemax="100"></div>
                        {% endif %}
                        {% if ((totalcommandeeffecture|trim /totalcommande|trim )*100 )|round(2, 'floor') > 75 |round(2, 'floor')%}
                        <div class="progress-bar bg-green" role="progressbar"
                           style="width: {{ ((totalcommandeeffecture|trim /totalcommande|trim )*100 )|round(2, 'floor') }}%"
                           aria-valuenow="{{ ((totalcommandeeffecture|trim /totalcommande|trim )*100 )|round(2, 'floor') }}"
                           aria-valuemin="0" aria-valuemax="100"></div>
                        {% endif %}
                     </div>
                     {% endif %}
                     <div class="table-responsive table-invoice">
                        <table border=5 class="table table-striped">
                           <tbody>
                              <tr>
                                 <th>Info </th>
                                 <th>Article(s)</th>
                              </tr>
                              {% for commande in commandes %}
                              {% set refTva = 0 %}
                              {% for produit in commande.produit %}
                              {% set refTva = refTva+ produit.lproduit.prixunitaire %}
                              {% endfor %}
                              <tr {% if (boolbutton)=="0" %} {% if (commande.typestatut.designation == "livraison effectuée" ) %}
                              style="background-color:#C8E6C9;"
                              {% elseif (commande.typestatut.designation == "echec Livraison" ) %}
                              style="background-color:#B2EBF2;"
                              {% elseif (commande.typestatut.designation == "prêt pour livraison" ) %} style="display:none;"
                              {% endif %} {% else %} {% if (commande.typestatut.designation == "livraison effectuée" ) %}
                              style="background-color:#C8E6C9;"
                              {% elseif (commande.typestatutfeuille.designation == "echec Livraison" ) %}
                              style="background-color:#B2EBF2;"
                              {% elseif (commande.typestatut.designation == "prêt pour livraison" ) %} style="display:none;"
                              {% endif %} {% endif %}>
                              <td class="color"> <a href="{{ path('commandes_timeline', {'id': commande.id}) }}" style="text-decoration:none;" >{{ commande.numerocommande }}</a>  </br>prix cmd </br>: {% for produit in commande.produit %} {{ ((produit.lproduit.prixunitaire * produit.quantite) - commande.montantreduction - commande.montantpaiementavance)|number_format(0, ',', ' ') }} {% endfor %}
                                 FCFA
                                 Statut:               <b class="badge badge-primary" style="background-color:{{commande.typestatut.color}};">  {{ commande.typestatut.designation   }} </b>
                                 Date de commande : {{ commande.datecommande|date('d-m-Y H:i') }} 
                              </td>
                              {# 
                              <td> {{ commande.adresseclientlivraison }}</br> </td>
                              #}
                              <td>
                                 <table border=3 class="table table-striped">
                                    <tbody>
                                       <tr>
                                          <th>Designation</th>
                                          <th>Quantité.</th>
                                          <th>Sous Total.</th>
                                          {% if commande.reducbool.designation =="OUI" %}
                                          <th>Reduction montant.</th>
                                          {% endif %}
                                          {% if commande.paiementbool.designation =="OUI"  %}
                                          <th>Paiement par avance.</th>
                                          {% endif %}
                                       </tr>
                                       <tr>
                                          <td> {% for produit in commande.produit %} <b style="color:#000000;">
                                             {{produit.lproduit.designation}}
                                             </b> / </br> {% endfor %}
                                          </td>
                                          <td>{% for produit in commande.produit %}{{ produit.quantite }}
                                             </br>{% endfor %}
                                          </td>
                                          <td>
                                             {% for produit in commande.produit %}{{ produit.lproduit.prixunitaire }}</br>{% endfor %}
                                          </td>
                                          {% if commande.reducbool.designation =="OUI" %}
                                          <td>{{ commande.montantreduction|number_format(0, ',', ' ') }}
                                          </td>
                                          {% endif %}
                                          {% if commande.paiementbool.designation =="OUI"  %}
                                          <td>{{ commande.montantpaiementavance|number_format(0, ',', ' ') }}
                                          </td>
                                          {% endif %}
                                       </tr>
                                    </tbody>
                                 </table>
                              </tr>
                              {% endfor %}
                           </tbody>
                        </table>
                     </div>
                  </div>
               </div>
            </div>
            {% else %}
      <b style="color:crimson;font-size:25px;text-align:center;"> Ce client n'a jamais passer de commande EAS </b>

            {% endif %}

        </div>
    </section>
</div>
{% endblock %}