{% extends 'menuback.html.twig' %}
{% set refTva = 0 %}
 
 
{% for produit in commande.produit %}
    {% set refTva = refTva+ produit.prix   %}
{% endfor %}
{% block stylesheets %} 
   {{parent()}}

      <link rel="stylesheet"   href="{{ asset('back/bundles/datatables/datatables.min.css') }}">
      <link rel="stylesheet"   href="{{ asset('back/bundles/datatables/DataTables-1.10.16/css/dataTables.bootstrap4.min.css') }}">
 
 {% endblock %}

{% block body %}
    <!-- Main Content -->
      <div class="main-content">
      <div class="card">
                  <div class="card-header">
                    <h4> </h4>
                  </div>
                  <div class="card-body">
                 <h1 >Commande <b style ="color:#FFFFFF;font-size:19px;"> {{ commande.numerocommande }}</b></h1>


    
    <table class="table table-striped">
        <tbody>
            <tr>
                <th>numero de la commande:</th>
                <td>{{ commande.numerocommande }}</td>
            </tr>

             <tr>
                <th>Etat de la commande:</th>
             <td>
                  {% if commande.typestatut.designation =="en attente" %}
                   <b class="badge badge-warning">  {{ commande.typestatut.designation   }} </b>
                   
                  
                  {% elseif commande.typestatut.designation =="en cours" %}
                   <b class="badge badge-primary">  {{ commande.typestatut.designation   }} </b>

                {% else %}
  {{ commande.typestatut.designation   }}
                  {% endif %}
                  </td>

                  </tr>
           
            <tr>
                <th>Nom:</th>
                <td>{{ commande.nom }}</td>
            </tr>
            <tr>
                <th>Prenoms:</th>
                <td>{{ commande.prenoms }}</td>
            </tr>
            <tr>
                <th>Email:</th>
                <td>{{ commande.email }}</td>
            </tr>
             <tr>
                <th>Contacts telephonique:</th>
                <td> {{ commande.telephone }} / {{ commande.contact }}  </td>
            </tr> 
            <tr>
                <th>Adresse de livraison du client:</th>
                <td>{{ commande.adresseclientlivraison }}</td>
            </tr>
            
            {% if commande.reducbool.designation =="OUI" %}
             <tr>
                <th>Reduction:</th>
                <td>Ce client beneficie d'une reduction de :{{ commande.montantreduction }} &nbsp francs</td>
            </tr>
            {% endif %}
            
            <tr>
                <th>frais de livraison :</th>
                <td>{{ commande.fraislivraison  }}&nbsp francs</td>
            </tr>

            <tr>
                <th>Prix total (Frais de livraison inclu {% if commande.reducbool.designation =="OUI" %}
                Reduction appliquée sur le montant total 
                 {% endif %}
                ) :</th>
                <td>{{refTva  + commande.fraislivraison {% if commande.reducbool.designation =="OUI" %} - commande.montantreduction {% endif %}   }}&nbsp francs</td>
            </tr>
             <tr>
                <th>Article(s) commandé(s):</th>

                
                <td style="">
                {% for produit in commande.produit %}
               article n° {{loop.index}}
                -<b style="font-size:20px;color:{{ random(['red', '#000000', 'green']) }} ;">Designation&nbsp :&nbsp{{produit.designation|slice(0,20)}};&nbspQuantité&nbsp:{{produit.quantite}};&nbspPrix:&nbsp{{produit.prix|number_format(2, ',', ' ') }}</b><br>{% endfor %}</td>
                </tr>
             <tr>
                <th>Datelivraison:</th>
                <td><div class="datelivraisoncomplet"></div></td>
            </tr>
            <tr>
                <th>Compte de creation et Datecommande:</th>
<td>Commande ajoutée par {{ commande.user.nom }}-{{ commande.user.prenoms }} le  <div class="datecommandecomplet"></div> avec pour canal de communication :{{ commande.typecanalcom.designation }}</td>       
     </tr>
        </tbody>
    </table>

   <a href="{{ path('commandes_index') }}" class="btn btn-success">Retour a la liste</a>

    {# <a href="{{ path('commandes_edit', {'id': commande.id}) }}" class="btn btn-primary">Editer la commande</a> #}

   {# {{ include('commandes/_delete_form.html.twig') }} #}
  </div>
                    </div>
                  </div>
                </div>
       
         
          
      </div>
{% endblock %}
{% block javascripts %} 
   {{parent()}}
  <script>
 
$(document).ready(function() {
    moment.locale('fr');
    moment.updateLocale('fr', {
    longDateFormat : {
        LT: "h:mm A",
        LTS: "h:mm:ss A",
        L: "MM/DD/YYYY",
        LL: "MMMM Do YYYY",
        LLL: "MMMM Do YYYY LT",
        LLLL: "dddd Do MMMM YYYY"
    }
});
 const datelivraison = moment('{{commande.datelivraison|date('Y')}}-{{commande.datelivraison|date('m')}}-{{commande.datelivraison|date('d')}}').format('LLLL');
  const datecommande = moment('{{commande.datecommande|date('Y')}}-{{commande.datecommande|date('m')}}-{{commande.datecommande|date('d')}}').format('LLLL');

     $('.datelivraisoncomplet').html(datelivraison);
     $('.datecommandecomplet').html(datecommande);
    $('.js-example-basic-single').select2({
  theme: "classic",
  placeholder: 'choisir un type'
});


 console.log(start);
});
     </script>
 

 
 {% endblock %}