{% if invoice is defined %}


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


    
    <div class="card p-4">
    
        

                <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 invoice.customer %}
                            <h2 class="to">{{invoice.customer.firstName}}  {{invoice.customer.lastName}}</h2>

                            {% else %}

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

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


                                {{invoice.customer.phone}} 

                            {% else %}

                                    {{invoice.tel}} 

                            {% endif %}

                         </div>
                        {% if invoice.customer %}
                        {% if invoice.customer.description %}
                            <div class="badge badge-info"><b>Note</b> {{invoice.customer.description}}  </div>
                        {% endif %}
                        {% endif %}
                        <div class="email"><a href="mailto:{{invoice.email}} ">{{invoice.email}} </a></div>
                    </div>
                    <div class="col-12 text-right mt-4" style="text-align:right;margin-top:30px;" >
                        <div class="date">Num de la facture <b>{{invoice.id}}</b>  | Date de commande <b>{{invoice.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 singleOrder in invoice.orders %}
                     <tr>
                            <td colspan="6"><b>{{singleOrder.orderNumber}}</b></td>
                         <tr>
                        {% for singleOrderItem in singleOrder.orderItems %}



                       
                        <tr>
                         
                            <td class="no">
                           
                            {{singleOrderItem.product ? singleOrderItem.product : 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 %}
                        {% endfor %}

                   
                    </tbody>
                    <tfoot>

                        

                        
                        {% set totalToPay =  invoice.totalAmount  %}


                        <tr>
                            <td colspan="3"></td>
                            <td colspan="2">Sous Total</td>
                            <td>{{invoice.totalAmount}} {{currency}}</td>
                        </tr>
                        {% if invoice.payedAmount > 0 %}
                        <tr>
                            <td colspan="3"></td>
                            <td colspan="2">Montant payé</td>
                            <td>{{invoice.payedAmount}} {{currency}}</td>
                        </tr>
                        {% endif %}
                         
                        


                        

                
                       
                        


                       
                         

                         
                        
                        

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

                
               
                
            </main>
           

                

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

            
        
    </div>
{% endif %}