316 lines
15 KiB
PHP
316 lines
15 KiB
PHP
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
<html lang="de">
|
|
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
<title>Zahlungserinnerung</title>
|
|
|
|
<style type="text/css">
|
|
* {
|
|
font-family: system-ui, sans-serif;
|
|
}
|
|
|
|
a {
|
|
color: #00264D;
|
|
}
|
|
|
|
p {
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
/* Outlines the grids, remove when sending */
|
|
/* table td {
|
|
border: 1px solid rgb(227, 238, 245);
|
|
} */
|
|
|
|
/* CLIENT-SPECIFIC STYLES */
|
|
body,
|
|
table,
|
|
td,
|
|
a {
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
}
|
|
|
|
table,
|
|
td {
|
|
mso-table-lspace: 0pt;
|
|
mso-table-rspace: 0pt;
|
|
}
|
|
|
|
img {
|
|
-ms-interpolation-mode: bicubic;
|
|
}
|
|
|
|
/* RESET STYLES */
|
|
img {
|
|
border: 0;
|
|
outline: none;
|
|
text-decoration: none;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse !important;
|
|
}
|
|
|
|
body {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
li {
|
|
font-size: 16px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
/* iOS BLUE LINKS */
|
|
a[x-apple-data-detectors] {
|
|
color: inherit !important;
|
|
text-decoration: none !important;
|
|
font-size: inherit !important;
|
|
font-family: inherit !important;
|
|
font-weight: inherit !important;
|
|
line-height: inherit !important;
|
|
}
|
|
|
|
/* ANDROID CENTER FIX */
|
|
div[style*="margin: 16px 0;"] {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
/* MEDIA QUERIES */
|
|
@media all and (max-width:699px) {
|
|
.wrapper {
|
|
width: 100% !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.container {
|
|
width: calc(100% - 64px) !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.mobile {
|
|
width: 100% !important;
|
|
display: block !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.img {
|
|
width: 100% !important;
|
|
height: auto !important;
|
|
}
|
|
|
|
*[class="mobileOff"] {
|
|
width: 0px !important;
|
|
display: none !important;
|
|
}
|
|
|
|
*[class*="mobileOn"] {
|
|
display: block !important;
|
|
max-height: none !important;
|
|
}
|
|
}
|
|
|
|
.table tr {
|
|
border-top: 1px solid #cccccc;
|
|
border-bottom: 1px solid #cccccc;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body style="margin:0; padding:0; background-color:#f2f2f2;">
|
|
|
|
<span style="display: block; width: 700px !important; max-width: 700px; height: 1px" class="mobileOff"></span>
|
|
|
|
<center>
|
|
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#f2f2f2">
|
|
<tr>
|
|
<td align="center" valign="top">
|
|
|
|
<!-- Logo -->
|
|
<table width="700" cellpadding="0" cellspacing="0" border="0" class="wrapper" bgcolor="#FFFFFF">
|
|
<tr>
|
|
<td height="32" style="font-size:12px; line-height:15px;"> </td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" valign="top">
|
|
|
|
<table width="636" cellpadding="0" cellspacing="0" border="0" class="container">
|
|
<tr>
|
|
<td valign="top">
|
|
<a href="https://www.tooloop.de"><img
|
|
src="http://newsletter.tooloop.de/uploads/tooloop-logo.png"
|
|
width="128px" alt="Tooloop"></a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="32" style="font-size:12px; line-height:15px;"> </td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- --------------------------------------------------- -->
|
|
<!-- Content -->
|
|
<!-- --------------------------------------------------- -->
|
|
|
|
<!-- schon angepasst -->
|
|
|
|
<table width="700" cellpadding="0" cellspacing="0" border="0" class="wrapper" bgcolor="#ffffff">
|
|
<tr>
|
|
<td height="32" style="font-size:12px; line-height:15px;"> </td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" valign="top">
|
|
|
|
<table width="636" cellpadding="0" cellspacing="0" border="0" class="container">
|
|
<tr>
|
|
<td align="left" valign="top">
|
|
<p>Hallo {{ $invoice['billingData']['contactSalutation'] ?? '' }} {{ $invoice['billingData']['contactLastName'] }},</p>
|
|
<p>uns ist aufgefallen, dass die hier aufgeführten Rechnungsbeträge noch nicht beglichen wurden.</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="32" style="font-size:12px; line-height:15px;"> </td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" valign="top">
|
|
@php
|
|
$fmt = new \IntlDateFormatter('de_DE', NULL, NULL);
|
|
$fmt->setPattern('d. MMMM yyyy');
|
|
@endphp
|
|
<table width="100%" class="table">
|
|
<tr>
|
|
<th align="left" height="32" style="font-size:16px;">Rechnungs-Nr.</th>
|
|
<td align="left" height="32" style="font-size:16px;">{{ $invoice['nr'] }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th align="left" height="32" style="font-size:16px;">Betreff</th>
|
|
<td align="left" height="32" style="font-size:16px;">{{ $invoice['title'] }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th align="left" height="32" style="font-size:16px;">Datum</th>
|
|
<td align="left" height="32" style="font-size:16px;">{{ $fmt->format(strtotime($invoice['invoiceDate'])) }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th align="left" height="32" style="font-size:16px;">Zahlbar bis</th>
|
|
<td align="left" height="32" style="font-size:16px;">{{ $fmt->format(strtotime($invoice['dueDate'])) }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th align="left" height="32" style="font-size:16px;">Offene Forderung</th>
|
|
<td align="left" height="32" style="font-size:16px;">@toCurrency(round($invoice['totalAmount'] * 1.19, 2))</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="32" style="font-size:12px; line-height:15px;"> </td>
|
|
</tr>
|
|
<tr>
|
|
<td align="left" valign="top">
|
|
<p>Wir gehen davon aus, dass es sich um ein Versehen handelt, und möchten Sie bitten, den offenen Betrag von <strong>@toCurrency(round($invoice['totalAmount'] * 1.19, 2))</strong> bis zum <strong>{{ \Carbon\Carbon::parse($invoice['dueDate'])->addDays(14)->format('d. F Y') }}</strong> zu überweisen.</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="32" style="font-size:12px; line-height:15px;"> </td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- --------------------------------------------------- -->
|
|
<!-- End content -->
|
|
<!-- --------------------------------------------------- -->
|
|
|
|
|
|
<!-- Last Space -->
|
|
<table width="700" cellpadding="0" cellspacing="0" border="0" class="wrapper" bgcolor="#ffffff">
|
|
<tr>
|
|
<td height="32" style="font-size:12px; line-height:15px;"> </td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- Footer -->
|
|
<table width="700" cellpadding="0" cellspacing="0" border="0" class="wrapper" bgcolor="#f2f2f2">
|
|
<tr>
|
|
<td height="64" style="font-size:24px; line-height:30px;"> </td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" valign="top">
|
|
|
|
<table width="636" cellpadding="0" cellspacing="0" border="0" class="container">
|
|
<tr>
|
|
<td align="center" valign="top">
|
|
<p style="font-size: 14px; line-height: 21px;">
|
|
<a style="color: #00264D;" href="tel:+4982165079983">+49 821
|
|
65079983</a>,
|
|
<a href="https://www.tooloop.de" style="color: #00264D;"
|
|
target="_blank">www.tooloop.de</a>,
|
|
<a style="color: #00264D;"
|
|
href="mailto:info@tooloop.de">info@tooloop.de</a>
|
|
</p>
|
|
<p style="color: #999999;font-size: 14px; line-height: 21px;">Tooloop
|
|
Multimedia Daniel
|
|
Stock, Rehmstraße 4, 86161 Augsburg</p>
|
|
<p>
|
|
<a style="margin: 0 8px;"
|
|
href="https://threema.id/KACDAD2H"><img
|
|
src="http://newsletter.tooloop.de/uploads/contact_logo_threema.png"
|
|
width="32px" alt="Threema"></a>
|
|
<a style="margin: 0 8px;"
|
|
href="https://matrix.to/#/@vollstock:matrix.org"><img
|
|
src="http://newsletter.tooloop.de/uploads/contact_logo_matrix.png"
|
|
width="32px" alt="Matrix"></a>
|
|
<a style="margin: 0 8px;"
|
|
href="https://www.github.com/tooloop"><img
|
|
src="http://newsletter.tooloop.de/uploads/contact_logo_github.png"
|
|
width="32px" alt="Github"></a>
|
|
<a style="margin: 0 8px;"
|
|
href="https://www.linkedin.com/in/daniel-stock-749678123"><img
|
|
src="http://newsletter.tooloop.de/uploads/contact_logo_linkedin.png"
|
|
width="32px" alt="LinkedIn"></a>
|
|
<a style="margin: 0 8px;"
|
|
href="https://www.xing.com/profile/Daniel_Stock9"><img
|
|
src="http://newsletter.tooloop.de/uploads/contact_logo_xing.png"
|
|
width="32px" alt="Xing"></a>
|
|
<a style="margin: 0 8px;"
|
|
href="https://mastodon.social/@tooloop"><img
|
|
src="http://newsletter.tooloop.de/uploads/contact_logo_mastodon.png"
|
|
width="32px" alt="Xing"></a>
|
|
<a style="margin: 0 8px;"
|
|
href="https://www.instagram.com/tooloop.multimedia/"><img
|
|
src="http://newsletter.tooloop.de/uploads/contact_logo_instagram.png"
|
|
width="32px" alt="Xing"></a>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="64" style="font-size:24px; line-height:30px;"> </td>
|
|
</tr>
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</center>
|
|
</body>
|
|
|
|
</html> |