{% extends "base.html" %}
{% load custom_filters %}
{% load static %}
{% block contenu %}
    {% include "header.html" %}
    {% include "leftbar.html" %}
    {% include "rightbar.html" %}
    {% include "chat.html" %}
    <section class="content invoice">
        <div class="block-header">
            <div class="row">
                <div class="col-lg-7 col-md-6 col-sm-12">
                    <h2>Détails Factures Clients
                    <small class="text-muted">Montant : {{facture.net_a_payer | format_number}} FCFA</small>
                    </h2>
                </div>
                <div class="col-lg-5 col-md-6 col-sm-12">
                    <ul class="breadcrumb float-md-right">
                        <li class="breadcrumb-item"><a href="{% url "liste_facture" %}"><i class="zmdi zmdi-home"></i> Retour Liste Facture</a></li>
                        <li class="breadcrumb-item"><a href="{% url "creation_facture" %}">Ajouter une facture</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row clearfix">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="header">
                            <h2><strong>Client :</strong> {{facture.client.nom}}</h2>
                            <ul class="header-dropdown">
                                
                            </ul>
                        </div>
                        {% comment %}
                            <div class="body">
                                <h3 class="m-b-0">Devis N° : <strong class="text-primary">{{devi.code_devis}}</strong></h3>
                            </div>
                        {% endcomment %}
                    </div>
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane in active" id="details" aria-expanded="true">
                            <div class="card" id="details">
                                <div class="body">                                
                                    <div class="row">
                                        <div class="col-md-6 col-sm-6">
                                            <address>
                                                {% if entreprise.logo %}
                                                <img src="{{ entreprise.logo.url}}" alt="Logo Kaay" width="25%">
                                                {% else %}
                                                <img src="{% static "img/kaay/logo.jpg" %}" alt="Logo Kaay">
                                                {% endif %}
                                            </address>
                                        </div>
                                        <div class="col-md-6 col-sm-6 text-right">
                                            <h5 class="summary--stats">DEVIS FACTURE <br />N° - {{ facture.code_facture }}</h5>
                                            <p>Date facturation : {{ facture.date_edition }}</p>
                                            <p>Date validite : {{ facture.date_validite }} </p>
                                        </div>
                                    </div>
                                    <div class="mt-40"></div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="table-responsive">
                                                <table class="table table-hover">
                                                    <thead>
                                                        <tr>
                                                            <th>Désignation</th>                                                        
                                                            <th>Unité</th>
                                                            <th>Quantité</th>
                                                            <th>Tarif unitaire</th>
                                                            <th>Prix Total</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        {% for ligne in lignes_facture %}
                                                        <tr>
                                                            <td>{{ligne.service_personnalise}}</td>
                                                            <td>{{ligne.unite_mesure}}</td>
                                                            <td>{{ligne.quantite | format_number }}</td>
                                                            <td>{{ligne.tarif_unitaire | format_number }}</td>
                                                            <td>{{ligne.prix_total | format_number }}</td>
                                                        </tr>
                                                        {% endfor %}
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <h5>Objet</h5>
                                            <p>{{facture.objet}}</p>
                                        </div>
                                        <div class="col-md-6 text-right">
                                            <table class="table table-hover">
                                                <tbody>
                                                    <tr>
                                                        <td><strong>Montant H.T.</strong></td>
                                                        <td class="text-white bg-secondary" style="text-align: right">{{ facture.montant_total | format_number }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>TVA 18%</strong></td>
                                                        <td class="text-white bg-secondary" style="text-align: right">{{ facture.tva | format_number }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>TTC</strong></td>
                                                        <td class="text-white bg-secondary" style="text-align: right">{{ facture.montant_ttc | format_number }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>BIC 2%</strong></td>
                                                        <td class="text-white bg-secondary" style="text-align: right">{{ facture.bic | format_number }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Frais de port</strong></td>
                                                        <td class="text-white bg-secondary" style="text-align: right">{{ facture.frais_port | format_number }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Main d'oeuvre</strong></td>
                                                        <td class="text-white bg-secondary" style="text-align: right">{{ facture.main_doeuvre | format_number }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>NET A PAYER</strong></td>
                                                        <td class="text-white bg-success" style="text-align: right"><h4>{{ facture.net_a_payer | format_number }} FCFA</h4></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="row">
                        
                                        <div class="col-2">
                                        </div>
                                        <div class="col-2">
                                        </div>
                                        <div class="col-8">
                                            <div class="invoice--order">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th>Code règlement</th>
                                                            <th>Date</th>
                                                            <th>Montant</th>
                                                            <th>Actions</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        {% for paiement in paiements %}
                                                            <tr>
                                                                <td>{{ paiement.code_paiement }}</td>
                                                                <td>{{ paiement.date_paiement }}</td>
                                                                <td>{{ paiement.montant | format_number }} FCFA</td>
                                                              
                                                                <td>
                                                                    <a href="{% url 'generer_recu_pdf' paiement.id %}" class="btn btn-info btn-sm zmdi zmdi-print" title="Générer le reçu">
                                                                    </a>
                                                                    {% if user.usertype == 'Super Admin' %}
                                                                    <a href="{% url "supprimer_paiement" paiement.id %}" class="btn btn-danger btn-sm zmdi zmdi-delete" title="Supprimer">
                                                                      
                                                                    </a>
                                                                    {% else %}
                                                                    sup impossible
                                                                    {% endif %}  
                                                                </td>
                                                            </tr>
                                                        {% endfor %}
                                                        <tr>
                                                            <td colspan="2"><strong>Reste à payer</strong></td>
                                                            <td class="text-white bg-secondary p-2" style="text-align: center"><h4>{{ reste_payer | format_number }} FCFA</h4></td>
                                                        </tr>
                                                        
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
            
                                    </div>
                                    <hr>
                                    <div class="hidden-print col-md-12 text-right">
                                        {% if reste_payer == 0.00 %}
                                        <span class="btn btn-rounded btn-success btn-sm">Paiement du montant total effectué !</span>
                                        {% else %}
                                        <a href="{% url "creation_paiement" facture_id=facture.id %}" class="btn btn-success btn-round">Effectuer un paiement</a>
                                        {% endif %}
                                        <a href="javascript:void(0);" class="btn btn-primary btn-round">Imprimer sans entête</a>
                                        <a href="javascript:void(0);" class="btn btn-secondary btn-round">Impression avec entête</a>
                                        {% comment %}
                                            <a href="javascript:void(0);" class="btn btn-warning btn-round">Envoyer par mail</a>
                                        {% endcomment %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock  %}