138 lines
6.3 KiB
HTML
138 lines
6.3 KiB
HTML
|
{% load static %}
|
||
|
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="keywords" content="">
|
||
|
|
<meta name="description" content="">
|
||
|
|
<meta name="author" content="Gregory Trullemans">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
|
|
|
||
|
|
<link rel="apple-touch-icon" sizes="76x76" href="{% static "img/apple-icon.png" %}">
|
||
|
|
<link rel="icon" type="image/png" href="{% static "img/favicon.png" %}">
|
||
|
|
|
||
|
|
<title>Facture</title>
|
||
|
|
|
||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap" rel="stylesheet" />
|
||
|
|
|
||
|
|
<link href="{% static "css/a4_paper.css" %}" rel="stylesheet" />
|
||
|
|
<link href="{% static "css/black-dashboard_report.css" %}" rel="stylesheet" />
|
||
|
|
<link href="{% static "css/to_pdf.css" %}" rel="stylesheet" />
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="white-content">
|
||
|
|
<div class="row no-gutters">
|
||
|
|
<div id="header-left" class="col-6">
|
||
|
|
<img src="{% static 'img/visite2.png' %}" style="width:95%" />
|
||
|
|
</div>
|
||
|
|
<div id="header-right" class="col-6 text-right pr-0">
|
||
|
|
<h1 class="main_title">Facture</h1>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<br />
|
||
|
|
|
||
|
|
<div class="row no-gutters bordered_top bordered_bottom">
|
||
|
|
<div class="col-6" id="contract_reference">
|
||
|
|
<p><b>Date d'émission</b> : {{ date|date:"j F Y" }}</p>
|
||
|
|
</div>
|
||
|
|
<div class="col-6 text-right">
|
||
|
|
<p><b>Référence</b> : {{ contract.reference }}</p>
|
||
|
|
<br />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<br />
|
||
|
|
|
||
|
|
<div class="row no-gutters" id="client_references">
|
||
|
|
<div id="header-left" class="col-6 text-left bordered_bottom">
|
||
|
|
<p><b>Arnaud Croonen</b></p>
|
||
|
|
<p>Rue landuyt 26, boite 0201</p>
|
||
|
|
<p>1440 Braine-le-château</p>
|
||
|
|
<p><b>Mail</b> : info@arnaudcroonen.be</p>
|
||
|
|
<p><b>Tel</b> : 0472 42 55 56</p>
|
||
|
|
<p><b>IBAN</b> : BE30 0689 5201 4611</p>
|
||
|
|
<p><b>TVA</b> : BE 1008.358.946</p>
|
||
|
|
<br />
|
||
|
|
</div>
|
||
|
|
<div id="header-right" class="col-6 text-right bordered_bottom">
|
||
|
|
<p>à l'attention de <em>{{ client.contact }}</em></p>
|
||
|
|
<p><b>{{ client.name }}</b></p>
|
||
|
|
<p>{{ client.address }}</p>
|
||
|
|
<p>{{ client.postal_code }} {{ client.city }}</p>
|
||
|
|
<p><b>Mail</b> : wimauto@skynet.be</p>
|
||
|
|
<p><b>Tel</b> : 0472 42 55 56</p>
|
||
|
|
<p><b>TVA</b> : {{ client.company_number }}</p>
|
||
|
|
<br />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<br />
|
||
|
|
|
||
|
|
<div class="row no-gutters">
|
||
|
|
<div class="col-12">
|
||
|
|
<table class="table">
|
||
|
|
<thead>
|
||
|
|
<tr class="bordered-row bordered_bottom">
|
||
|
|
<th class="header text-left pl-0 bordered_bottom" style="width: 35%">Description</th>
|
||
|
|
<th class="header text-right bordered_bottom" style="width: 15%">Durée</th>
|
||
|
|
<th class="header text-right bordered_bottom" style="width: 10%">Quantité</th>
|
||
|
|
<th class="header text-right bordered_bottom" style="width: 12%">Prix u.</th>
|
||
|
|
<th class="header text-right bordered_bottom" style="width: 11%">Prix (htva)</th>
|
||
|
|
<th class="header text-right bordered_bottom" style="width: 11%">Prix (tvac)</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
{% for prestation in prestations_list %}
|
||
|
|
<tr>
|
||
|
|
<td class="pt-2 pb-2 pl-3">{{ prestation.label }}</td>
|
||
|
|
<td class="pt-2 pb-2 pl-3 text-right">{{ prestation.date|date:"j N Y" }}</td>
|
||
|
|
<td class="pt-2 pb-2 text-right">{{ prestation.unit }}</td>
|
||
|
|
<td class="pt-2 pb-2 text-right">{{ prestation.unit_price }}€</td>
|
||
|
|
<td class="pt-2 pb-2 text-right">{{ prestation.total_amount_htva }} €</td>
|
||
|
|
<td class="pt-2 pb-2 text-right">{{ prestation.total_amount_tvac }} €</td>
|
||
|
|
</tr>
|
||
|
|
{% endfor %}
|
||
|
|
|
||
|
|
<tr class="bordered-row">
|
||
|
|
<td colspan="4" class="push-right">Sous-Total (sans réduction) :</td>
|
||
|
|
<td class="text-right"><b>{{ total_without_discount_htva|floatformat:2 }} €</b></td>
|
||
|
|
<td class="text-right"><b>{{ total_without_discount_tvac|floatformat:2 }} €</b></td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
{% for discount in contract.discounts.all %}
|
||
|
|
<tr>
|
||
|
|
<td colspan="4">{{ discount.label }} (-{{ discount.quantity }}{{ discount.get_unit_display }})</td>
|
||
|
|
<td class="text-right">-{{ discount.amount_htva|floatformat:2 }} €</td>
|
||
|
|
<td class="text-right">-{{ discount.amount_tvac|floatformat:2 }} €</td>
|
||
|
|
</tr>
|
||
|
|
{% endfor %}
|
||
|
|
<tfoot>
|
||
|
|
<tr class="bordered-row">
|
||
|
|
<td colspan="4" class="pl-0"><strong>Total</strong></td>
|
||
|
|
<td class="text-right"><b>{{ total_with_discount_htva|floatformat:2 }} €</b></td>
|
||
|
|
<td class="text-right"><b>{{ total_with_discount_tvac|floatformat:2 }} €</b></td>
|
||
|
|
</tr>
|
||
|
|
</tfoot>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<br />
|
||
|
|
<div class="row no-gutters pdf_footer">
|
||
|
|
<div class="col-12 bordered_top bordered_bottom bordered_right bordered-left text-center">
|
||
|
|
<p>Merci de verser l'intégralité de ce montant sur le compte IBAN - <b>BE30 0689 5201 4611</b> dans les 15 jours avec la référence <b>{{ contract.reference }}</b>.</p>
|
||
|
|
<p>Les produits audiovisuels finaux seront délivrés dès réception du paiement.</p>
|
||
|
|
<p><em>Merci pour votre confiance.</em></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|