213 lines
6.4 KiB
Twig
213 lines
6.4 KiB
Twig
<!doctype html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
|
||
<style>
|
||
@page { margin: 56px 56px; }
|
||
|
||
body{
|
||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
font-size: 13px;
|
||
margin:0;
|
||
color:#000;
|
||
}
|
||
|
||
p{ margin:0; }
|
||
em{ font-style: normal; }
|
||
|
||
.red{ color:red; }
|
||
|
||
.company-block{
|
||
font-size:14px;
|
||
text-align:left;
|
||
line-height:1.25;
|
||
}
|
||
|
||
.box{
|
||
border:1px solid #000;
|
||
border-radius:10px;
|
||
padding:10px;
|
||
font-size:13px;
|
||
height: 80px;
|
||
}
|
||
|
||
.title{
|
||
text-align:center;
|
||
font-size: 18pt;
|
||
font-weight: 700;
|
||
margin: 64px 0 15px 0;
|
||
}
|
||
|
||
.info-table {
|
||
margin-bottom: 32px;
|
||
width:100%;
|
||
border-collapse:collapse;
|
||
table-layout:fixed;
|
||
}
|
||
|
||
.info-table th {
|
||
font-size: 16px;
|
||
}
|
||
|
||
table{
|
||
width:100%;
|
||
border-collapse: collapse;
|
||
}
|
||
|
||
th, td{
|
||
border:1px solid #333;
|
||
padding:4px 6px;
|
||
vertical-align: top;
|
||
font-size: 12px;
|
||
}
|
||
th{ text-align:center; font-weight:700; }
|
||
|
||
/* tables de layout (sans bordures) */
|
||
.layout, .layout td{ border:none !important; padding:0; }
|
||
|
||
/* GRAND TABLEAU : verrouillage dompdf */
|
||
.bigtable{
|
||
table-layout: fixed;
|
||
}
|
||
.bigtable th,
|
||
.bigtable td{
|
||
font-size: 16px;
|
||
}
|
||
.bigtable-notes{
|
||
font-size: 14px;
|
||
line-height: 1.25;
|
||
}
|
||
|
||
/* ligne “filler” pour forcer la hauteur comme l'exemple */
|
||
.fill td{
|
||
border-top:none;
|
||
height: 75mm; /* ajuste si besoin */
|
||
}
|
||
|
||
.signature-title{ font-size:12px; margin-bottom:2mm; }
|
||
.signature-box{ height: 22mm; margin-bottom: 4mm; }
|
||
.meta{ font-size: 16px; line-height: 1.35; }
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<!-- HEADER -->
|
||
<table class="layout" style="width:100%;">
|
||
<tr>
|
||
<td style="width:70%; vertical-align:top;">
|
||
<table class="layout" style="width:100%;">
|
||
<tr>
|
||
<td class="company-block" style="padding:0; border:none;">
|
||
<strong>SCEA LES NAUDS</strong><br>
|
||
14 Allée d’Argenson<br>
|
||
Z.I Nord – Secteur Est<br>
|
||
86100 CHATELLERAULT<br>
|
||
TEL : 05 49 20 09 10<br>
|
||
Email : lpc.contacts@lpc-liot.fr<br>
|
||
RCS Châtellerault B 444 262 455
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
|
||
<td style="width:30%; text-align:right; vertical-align:top; font-size: 14px;">
|
||
<div style="display:inline-block; width:75mm;">
|
||
<strong>{{ reception.supplier.name }}</strong><br>
|
||
<span>{{ reception.address.street }}</span><br>
|
||
<span>{{ reception.address.postalCode }} {{ reception.address.city }}</span>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<div class="title">BON DE RECEPTION</div>
|
||
|
||
<!-- INFOS (code/date/num) -->
|
||
<table class="info-table">
|
||
<tr>
|
||
<th style="width:55%; text-align:center;">Code fournisseur</th>
|
||
<th style="width:20%; text-align:center; white-space:nowrap;">Date</th>
|
||
<th style="width:25%; text-align:center; white-space:nowrap;">N° réception</th>
|
||
</tr>
|
||
<tr>
|
||
<td style="width:55%; text-align:center;">{{ reception.supplier.name }}</td>
|
||
<td style="width:20%; text-align:center; white-space:nowrap;">
|
||
{{ reception.receptionDate|date('d/m/Y') }}
|
||
</td>
|
||
<td style="width:25%; text-align:center; white-space:nowrap;">{{ reception.identificationNumber }}</td>
|
||
</tr>
|
||
</table>
|
||
|
||
|
||
<!-- GRAND TABLEAU -->
|
||
<table class="bigtable" style="margin-bottom:10px; width:100%; border-collapse:collapse; table-layout:fixed;">
|
||
<thead>
|
||
<tr>
|
||
<th style="width:75%; text-align:center;">Désignation</th>
|
||
<th style="width:25%; text-align:right; white-space:nowrap;">Qté livrée (kg)</th>
|
||
</tr>
|
||
</thead>
|
||
|
||
<tbody>
|
||
<tr>
|
||
<td style="width:75%;">
|
||
<strong class="red">MAÏS sec</strong><br><br>
|
||
|
||
<div class="bigtable-notes">
|
||
{% set grossWeight = null %}
|
||
{% set tareWeight = null %}
|
||
|
||
{% for weight in reception.weights %}
|
||
{% if weight.type == 'gross' %}
|
||
{% set grossWeight = weight %}
|
||
<p>Poids à plein : {{ grossWeight.weight }}kg (pesée n°{{ grossWeight.dsd }} {{ grossWeight.weighedAt|date('d/m/Y H:i:s') }})</p>
|
||
{% elseif weight.type == 'tare' %}
|
||
{% set tareWeight = weight %}
|
||
<p>Poids à vide : {{ tareWeight.weight }}kg (pesée n°{{ tareWeight.dsd }} {{ tareWeight.weighedAt|date('d/m/Y H:i:s') }})</p>
|
||
{% endif %}
|
||
{% endfor %}
|
||
</div>
|
||
</td>
|
||
|
||
<td style="width:25%; text-align:right; white-space:nowrap;">
|
||
{% if grossWeight and tareWeight %}
|
||
{{ grossWeight.weight - tareWeight.weight }}
|
||
{% else %}
|
||
0
|
||
{% endif %}
|
||
</td>
|
||
</tr>
|
||
|
||
<!-- filler : garde le grand bloc haut comme sur l'exemple -->
|
||
<tr class="fill">
|
||
<td style="width:75%;"></td>
|
||
<td style="width:25%;"></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
|
||
<!-- BAS : meta à gauche / signatures à droite (sans float) -->
|
||
<table class="layout">
|
||
<tr>
|
||
<td style="width:60%; padding-right:8mm; vertical-align:top;">
|
||
<div class="meta">
|
||
Transporteur : <strong>{{ reception.carrier.name }}</strong><br>
|
||
Mode de livraison : <strong>{{ reception.truck.name }}</strong><br>
|
||
Immatriculation : <strong>{{ reception.licensePlate }}</strong><br><br>
|
||
</div>
|
||
</td>
|
||
|
||
<td style="width:40%; vertical-align:top;">
|
||
<div class="signature-title">Signature :</div>
|
||
<div class="box signature-box">Les Nauds :</div>
|
||
<div class="box signature-box">Transporteur :</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
</body>
|
||
</html>
|