<html lang="fr">
<head>
<base href="">
<title>SH.COM</title>
<meta charset="utf-8"/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta property="og:locale" content="en_US"/>
<meta property="og:type" content="article"/>
<meta property="og:title" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<style>
* {
font-size: 12px;
}
.boxes {
background-color: #2f75b5;
color: white;
border-style: double;
}
.boxes1 {
border-style: double;
border-color: #2f75b5;
}
.containter-all {
display: grid;
grid-template-columns: auto auto;
padding: 10px;
}
.Gitem {
border: 1px solid rgba(0, 0, 0, 0.8);
padding: 20px;
font-size: 30px;
margin: 20px;
text-align: center;
}
table {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
table td,
table th {
border: 1px solid #ddd;
padding: 2px;
}
table tr:nth-child(even) {
background-color: #f2f2f2;
}
table th {
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
background-color: #2f75b5;
color: white;
}
</style>
</head>
<body>
<div class="post d-flex flex-column-fluid" id="kt_post">
<div id="kt_content_container" class="container-xxl">
<div class="card">
<div class="card-body py-20">
<div class="mw-lg-950px mx-auto w-100">
<div class="d-flex justify-content-between flex-column flex-sm-row mb-1"></div>
<div class="pb-6 startPrint">
<div class="d-flex flex-column gap-7 gap-md-10">
<div class="row">
<div class="col-6 p-3">
<img alt="Logo" src="data:image/png;base64,{{base64}}" width="120px" style="border-style: double;border-width: 5px;border-color: #2f75b5;">
</div>
</div>
<br><br>
<div style="width:40%;">
<table class="boxes" style="padding:10px;">
<tr>
<td>
<b>COMMANDE ACHAT N° :
</b>
{{ etr.societe.raisonSociale|slice(0, 2)~ mois ~ annee ~ "-" ~ etr.raisonSociale|slice(0, 3) ~ mois }}
<br>
<b>N° Réf Fournisseur :
</b>
{{etr.raisonSociale|slice(0, 3) ~ "-FTH"}}
<br>
<b>Date Commande :
</b>
{{dateCommande}}
<br>
</td>
</tr>
</table>
</div>
<br>
<div>
<table style="width:100%">
<tr>
<td style="width:40%;padding:10px;" class="boxes">
<div>
<b>Adresse Facturation :</b>
{{ etr.societe.raisonSociale }}
<br>
{{ etr.societe.adresse }}<br>
{{ etr.societe.voie }}<br>
{% if etr.societe.raisonSociale =='BTELECOM' %}
Siret 53051610300021<br>
{% endif %}
</div>
</td>
<td style="width:20%"></td>
<td style="width:40%;padding:10px;" class="boxes">
<div>
<b>Adresse Facturation :</b>
<br>{{etr.raisonSociale}}
<br>{{etr.voie}}
<br>{{etr.adresse}}
<br>Siret
{{etr.siret}}
</div>
</td>
</tr>
</table>
</div>
<br><br><br><br>
<div class="card-body py-3">
<table class="table table-sm align-middle table-row-dashed fs-6 table-bordered table-hover" id="tableSuiviBDC">
<thead>
<tr class="text-start text-white-400 fw-bolder fs-7 text-uppercase gs-0 text-light bg-dark text-center">
<th class="min-w-40px">Technicien</th>
<th class="min-w-10px text-center">Somme de montant</th>
</tr>
</thead>
{% set sommeDeMontant = 0 %}
<tbody class="fw-bold text-gray-600 ">
{% for s in suiviBdc %}
{% set sommeDeMontant = sommeDeMontant + s.montant %}
<tr class="text-center">
<td>{{ s.techId }}</td>
<td>{{ s.montant|number_format(2)}}</td>
</tr>
{% endfor %}
<tr class="text-light bg-dark text-center">
<td class="text-left" colspan="1">
<b>Total :</b>
</td>
<td>
<b>{{ sommeDeMontant|number_format(2) }}</b>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>