{% if order is defined %}


{% set currency = settings.get.currency|trans({},"admin") %}


    
   
    
        

                <div id="invoice">
                <div class="invoice-mask-logo" ></div>

    <div class="invoice">
        <div>
            <header>
                <div class="row">
                    <div class="col">
                        
                    </div>
                    
                </div>
            </header>
           
            <main>
                <div class="row contacts">
                    <div class="col-4 invoice-to">
                        <!-- Info Company  -->
                        <div class="date">
                        <a target="_blank" href="#">

                  
                            <img width="120" src="{{settings.get().logoBase64}}" >
                            </a>
                            <p  style="max-width:210px;font-size:0.7rem;" class="mt-3">
                                <small>{{settings.get.address}}</small>
                            </p>
                        </div>
                    </div>
                    <div class="col-8 invoice-details">
                        

                                                <div class="text-gray-light"></div>
                        {% if order.customer %}
                            <h2 class="to">{{order.customer.firstName}}  {{order.customer.lastName}}</h2>

                            {% else %}

                            <h2 class="to">{{order.firstName}}  {{order.lastName}}</h2>

                        {% endif %}
                        
                        <div class="address"><b>Adresse</b> {{order.address}}  </div>
                        <div class="address"><b>Code postal</b> {{order.postCode}}  </div>  
                        <div class="address"><b>Ville</b> {{order.city}}  </div>  
                        
                        <div class="address"><b>Tel</b> 
                        
                            
                            {% if order.customer %}


                                {{order.customer.phone}} 

                            {% else %}

                                    {{order.tel}} 

                            {% endif %}

                         </div>
                        {% if order.customer %}
                        {% if order.customer.description %}
                            <div class="badge badge-info"><b>Note</b> {{order.customer.description}}  </div>
                        {% endif %}
                        {% endif %}
                        <div class="email"><a href="mailto:{{order.email}} ">{{order.email}} </a></div>
                    </div>
                    <div class="col-12 text-right mt-4" style="text-align:right;margin-top:30px;" >
                        <div class="date">Num de {{order.orderType|trans({},"admin")}} <b>{{order.orderNumber}}</b>  | Date de commande <b>{{order.createdAt|date('d/m/Y')}}</b></div>
                    </div>
                </div>
                
                

                <table border="0" cellspacing="0" cellpadding="0">
                    <thead>
                        <tr>
                        
                            <th>Produit</th>
                            <th class="text-left">Service</th>
                            <th class="text-right">Prix</th>
                            <th class="text-right">Reduction</th>
                            <th class="text-right">Quantity</th>
                            <th class="text-right">TOTAL</th>
                        </tr>
                    </thead>
                    <tbody>


                    

                    {% set totalCommission = 0 %}
                    {% set totalOrder = 0 %}
                        {% for singleOrderItem in order.orderItems %}



                        
                        <tr>
                         
                            <td class="no">
                           
                            {{singleOrderItem.description}}
                            
                            




                                <!-- Button trigger modal -->
                             
                            
                            </td>
                            <td class="text-left">
                            <p style="font-size:9px;">
                             {% if singleOrderItem.product %}
                                {% for categorie in singleOrderItem.product.categoriesProduct   %}
                                        {{categorie}},
                                {% endfor %} 
                                {% elseif singleOrderItem.packEngagement  %}
                                    {{ singleOrderItem.packEngagement.pack.title }}
                                {% endif %}
                            </p>
                            </td>
                            
                            <td class="unit" style="white-space:nowrap;">
                             {% if singleOrderItem.product %}
                                {{singleOrderItem.product.price }} {{currency}}
                                {% elseif singleOrderItem.packEngagement  %}
                                    {{ singleOrderItem.packEngagement.pack.price }} {{currency}}
                                {% else %}
                                {{singleOrderItem.price|number_format(2, ',', ' ')}} {{currency}}
                                {% endif %}
                            
                            
                            </td>
                            <td class="qty" style="white-space:nowrap;">
                            
                            {% if singleOrderItem.reduction > 0 %}

                            {{singleOrderItem.reduction }} {{currency}}


                            {%  elseif singleOrderItem.product %}
                                {% if singleOrderItem.product.reduction > 0 %}

                                {{singleOrderItem.product.reduction}} {{currency}}
                                {% else %}
                                    0 {{currency}}
                                {% endif %}

                            {% else %}
                            0 {{currency}}
                            {% endif %}
                            </td>
                            <td class="qty" style="white-space:nowrap;">{{singleOrderItem.quantity}}</td>
                            
                            <td class="total" style="white-space:nowrap;">
                            {% set totalOrder = totalOrder + (singleOrderItem.price * singleOrderItem.quantity) %}
                            {{(singleOrderItem.price * singleOrderItem.quantity)|number_format(2, ',', ' ') }} {{currency}}
                            </td>
                        </tr>
                        {% endfor %}

                   
                    </tbody>
                    <tfoot>

                        

                        {% set reductionCoupon = 0 %}
                        {% if  order.coupon %}
                            {% if order.coupon.typeReduction == "percent" %}
                            {% set reductionCoupon = (order.totalAmount / 100) * order.coupon.valueReduction %}
                            {% else %}
                                {% set reductionCoupon =  order.coupon.valueReduction %}

                            {% endif %}
                        {% endif %}
                        {% set totalToPay =  (order.totalAmount + order.shippingFees + order.shippingTips)  - reductionCoupon -  order.reductionOnTotal + (order.getAmountPayedByCredit) %}


                        <tr>
                            <td colspan="3"></td>
                            <td colspan="2">Sous Total</td>
                            <td>{{order.totalAmount}} {{currency}}</td>
                        </tr>
                        {% if order.payedAmount > 0 %}
                        <tr>
                            <td colspan="3"></td>
                            <td colspan="2">Montant payé</td>
                            <td>{{order.payedAmount}} {{currency}}</td>
                        </tr>
                        {% endif %}
                        {% if (order.payedAmount + order.getAmountEarnedAsCredit ) < totalToPay %}
                        <tr>
                            <td colspan="3"></td>
                            <td colspan="2">Montant restant</td>
                            <td>{{ totalToPay - order.payedAmount }} {{currency}}</td>
                        </tr>
                        {% endif %} 
                        {% if order.getTotalReduction > 0 %}
                         <tr>
                            <td colspan="3"></td>
                            <td colspan="2">Total Reduction sur produits</td>
                            <td>{{order.getTotalReduction}} {{currency}}</td>
                        </tr>
                        {% endif %}

                        {% if order.reduction and order.reduction > 0 %}
                        <tr>
                            <td colspan="3"></td>
                            <td colspan="2">Remise sur la commande ({{order.reduction}}%)</td>
                            <td>{{order.reductionOnTotal}} {{currency}}</td>
                        </tr>
                        {% endif %}

                        {% if order.getAmountPayedByCredit and order.getAmountPayedByCredit != 0 %}
                        <tr>
                            <td colspan="3"></td>
                            <td colspan="2">paiement par credit {{settings.get.projectName}}</td>
                            <td>{{order.getAmountPayedByCredit|abs}} {{currency}}</td>
                        </tr>
                        {% endif %} 
                        {% if order.getAmountEarnedAsCredit and order.getAmountEarnedAsCredit != 0 %}
                        <tr>
                            <td colspan="3"></td>
                            <td colspan="2">Montant ajouté au wallet client</td>
                            <td>{{order.getAmountEarnedAsCredit|abs}} {{currency}}</td>
                        </tr>
                        {% endif %} 

                
                       
                        {% if reductionCoupon > 0  %}
                        <tr>
                            <td colspan="3"></td>
                            <td colspan="2">Code Coupon utilisé ({{order.coupon.code }})</td>

                                    
           
        
                            <td>{{reductionCoupon|abs}} {{currency}}</td>
                        </tr>
                        {% endif %} 


                        {% if order.shippingTips > 0 %}
                        <tr>
                            <td colspan="3"></td>
                            <td colspan="2">Pourboire pour le livreur</td>
                            
                            <td>{{ order.shippingTips }} {{currency}}</td>
                        </tr>
                        {% endif %} 
                         

                          {% if order.shippingFees > 0 %}
                        <tr>
                            <td colspan="3"></td>
                            <td colspan="2">Frais de livraison</td>
                            
                            <td>{{ order.shippingFees }} {{currency}}</td>
                        </tr>
                        {% endif %}
                        
                        

                        
                        <tr>
                            <td colspan="3"></td>
                            <td colspan="2">Montant Total</td>
                            <td colspan="2">{{ totalToPay }} {{currency}}</td>
                            {#
                            <td>{{order.totalAmount + order.ldryOrder.deliveryPrice}} {{currency}}</td>
                            #}
                            
                        </tr>
                    </tfoot>
                </table>

                
                <div class="thanks"></div>
                <div class="notices ">
                    <div>INFOS:</div>
                    <div class="notice">
                    {% if order.comment %}
                        <p> Note sur la commande: <span class="badge badge-info" >{{order.comment}}</span></p>
                      {% endif %}  

                        {% if order.shippingMethod %}
                            {% if order.shippingMethod.isIsSeparatelyCalculated %}
                                <p> Mode livraison : <span class="badge badge-success" >{{order.shippingMethod}}</span></p>
                            {% endif %} 
                      {% endif %} 
                        


                        {% if order.paymentMethod %}
                            <p> Mode Paiement :<span class="badge badge-success" > {{order.paymentMethod }}</span></p>
                        {% endif %}
                        {% if order.agent %}
                            <p> Livreur : <span class="badge badge-warning" >{{order.agent.firstName}} {{order.agent.lastName}}</span></p>
                        {% endif %}

                        

                        
                        {% if order.shippingMethod %}

                        {% set shippingDurationInMinutes = order.shippingMethod.shippingDuration * 60 %}
                            {% if order.shippingMethod.isIsSeparatelyCalculated %}
                        <p> Date collecte : <span class="badge badge-warning" >{{order.startProcessingAt|date("Y-m-d H:i")}} - {{order.startProcessingAt|date_modify("+ "~shippingDurationInMinutes~" minutes")|date("H:i")}}</span></p>
                        <p> Date livraison : <span class="badge badge-warning" >{{order.startDeliveryAt|date("Y-m-d H:i")}} - {{order.startDeliveryAt|date_modify("+ "~shippingDurationInMinutes~" minutes")|date("H:i")}}</span></p>
                        {% endif %}
                        {% endif %}
                        

                        {% if order.description %}
                            <b>Informations utiles</b>  <div class="badge badge-info">{{order.description}}  </div>
                        {% endif %}



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

                

        </div>
        <!--DO NOT DELETE THIS div. IT is responsible for showing footer always at the bottom-->
        <div></div>
    </div>
</div>

            
        
   
{% endif %}