Please fix my email template, this is for a delivery receipt and should include the order/delivery details, as well as the delivery details alongside the original order details etc:
<meta>
<title>[HEADER]</title>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td>
<!-- main card -->
<table cellpadding="10" cellspacing="0" border="0"
style="border:1px solid #ddd;border-radius:4px;background:#f9f9f9;width:100%;">
<tbody>
<tr>
<td style="padding:20px;">
<!-- Delivered items -->
<h2 style="color:#1976d2;font-size:18px;margin:0 0 10px;">[MSG HEADER]</h2>
<p style="margin:0 0 6px;">Delivered Items</p>
<p style="margin:0 0 14px;">
Items delivered on
<strong>@{formatDateTime(variables('varDlvDate'),'MMMM dd, yyyy')}</strong>
</p>
<table cellpadding="8" cellspacing="0" border="0" width="100%"
style="border-collapse:collapse;margin:0 0 24px 0;">
@{variables('varDlvTblHdr')}
<tbody>
@{variables('varDlvROWS')}
</tbody>
</table>
<!-- Original order (compact view) -->
<h2 style="color:#1976d2;font-size:18px;margin:0 0 10px;">[MSG HEADER]</h2>
<p style="margin:0 0 6px;">Original Order</p>
<p style="margin:0 0 14px;">
Items ordered on
<strong>@{formatDateTime(variables('varOdrDate'),'MMMM dd, yyyy')}</strong>
</p>
<!-- container shrinks width on large screens; still 100 % on mobile -->
<div style="max-width:75%;min-width:240px;">
<table cellpadding="6" cellspacing="0" border="0" width="100%"
style="border-collapse:collapse;font-size:12px;
background:#fafafa;border:1px solid #e0e0e0;">
@{variables('varOdrTblHdr')}
<tbody>
@{variables('varOdrROWS')}
</tbody>
</table>
</div>
<!-- footer -->
<p style="font-size:12px;color:#666;margin-top:24px;">
[FOOTER]
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>