{% 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 Devis Clients
                    <small class="text-muted">Montant : {{devi.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_devis" %}"><i class="zmdi zmdi-home"></i> Retour Liste Devis</a></li>
                        <li class="breadcrumb-item"><a href="{% url "creation_devis" %}">Ajouter un devis</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> {{devi.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 CLIENT <br />N° - {{ devi.code_devis }}</h5>
                                            <p>Date facturation : {{ devi.date_edition }}</p>
                                            <p>Date échéance : {{ devi.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_devis %}
                                                        <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>{{devi.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">{{ devi.montant_total | format_number }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>TVA 18%</strong></td>
                                                        <td class="text-white bg-secondary" style="text-align: right">{{ devi.tva | format_number }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>TTC</strong></td>
                                                        <td class="text-white bg-secondary" style="text-align: right">{{ devi.montant_total_ttc | format_number }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>BIC 2%</strong></td>
                                                        <td class="text-white bg-secondary" style="text-align: right">{{ devi.bic | format_number }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Frais de port</strong></td>
                                                        <td class="text-white bg-secondary" style="text-align: right">{{ devi.frais_port | format_number }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Main d'oeuvre</strong></td>
                                                        <td class="text-white bg-secondary" style="text-align: right">{{ devi.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>{{ devi.net_a_payer | format_number }} FCFA</h4></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="hidden-print col-md-12 text-right">
                                        <a href="javascript:void(0);" class="btn btn-success btn-round">Convertir en facture</a>
                                        <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  %}