2025-10-22 11:58:18 +02:00
<! 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 : 16 px ;
2025-10-29 12:07:30 +01:00
line - height : 24 px ;
2025-10-22 11:58:18 +02:00
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 : 0 pt ;
mso - table - rspace : 0 pt ;
}
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 : 16 px ;
margin - bottom : 8 px ;
}
/* 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 : 699 px ) {
. wrapper {
width : 100 % ! important ;
padding : 0 ! important ;
}
. container {
width : calc ( 100 % - 64 px ) ! important ;
padding : 0 ! important ;
}
. mobile {
width : 100 % ! important ;
display : block ! important ;
padding : 0 ! important ;
}
. img {
width : 100 % ! important ;
height : auto ! important ;
}
* [ class = " mobileOff " ] {
width : 0 px ! important ;
display : none ! important ;
}
* [ class *= " mobileOn " ] {
display : block ! important ;
max - height : none ! important ;
}
}
. table tr {
border - top : 1 px solid #cccccc;
border - bottom : 1 px 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; " >& nbsp ; </ td >
</ tr >
< tr >
< td align = " center " valign = " top " >
< table width = " 636 " cellpadding = " 0 " cellspacing = " 0 " border = " 0 " class = " container " >
< tr >
< td valign = " top " >
2025-10-29 12:07:30 +01:00
< a href = " https://www.tooloop.de " >< img
2025-10-22 11:58:18 +02:00
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; " >& nbsp ; </ 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; " >& nbsp ; </ 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; " >& nbsp ; </ 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 >
2025-10-29 12:07:30 +01:00
< th align = " left " height = " 32 " style = " font-size:16px; " > Betreff </ th >
2025-10-22 11:58:18 +02:00
< 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; " >& nbsp ; </ 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; " >& nbsp ; </ 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; " >& nbsp ; </ 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; " >& nbsp ; </ 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 " >
2025-10-29 12:07:30 +01:00
< p style = " font-size: 14px; line-height: 21px; " >
2025-10-22 11:58:18 +02:00
< a style = " color: #00264D; " href = " tel:+4982165079983 " >+ 49 821
65079983 </ a > ,
2025-10-29 12:07:30 +01:00
< a href = " https://www.tooloop.de " style = " color: #00264D; "
2025-10-22 11:58:18 +02:00
target = " _blank " > www . tooloop . de </ a > ,
< a style = " color: #00264D; "
href = " mailto:info@tooloop.de " > info @ tooloop . de </ a >
</ p >
2025-10-29 12:07:30 +01:00
< p style = " color: #999999;font-size: 14px; line-height: 21px; " > Tooloop
2025-10-22 11:58:18 +02:00
Multimedia Daniel
Stock , Rehmstraße 4 , 86161 Augsburg </ p >
< p >
< a style = " margin: 0 8px; "
2025-10-29 12:07:30 +01:00
href = " https://threema.id/KACDAD2H " >< img
2025-10-22 11:58:18 +02:00
src = " http://newsletter.tooloop.de/uploads/contact_logo_threema.png "
width = " 32px " alt = " Threema " ></ a >
< a style = " margin: 0 8px; "
2025-10-29 12:07:30 +01:00
href = " https://matrix.to/#/@vollstock:matrix.org " >< img
2025-10-22 11:58:18 +02:00
src = " http://newsletter.tooloop.de/uploads/contact_logo_matrix.png "
width = " 32px " alt = " Matrix " ></ a >
< a style = " margin: 0 8px; "
2025-10-29 12:07:30 +01:00
href = " https://www.github.com/tooloop " >< img
2025-10-22 11:58:18 +02:00
src = " http://newsletter.tooloop.de/uploads/contact_logo_github.png "
width = " 32px " alt = " Github " ></ a >
< a style = " margin: 0 8px; "
2025-10-29 12:07:30 +01:00
href = " https://www.linkedin.com/in/daniel-stock-749678123 " >< img
2025-10-22 11:58:18 +02:00
src = " http://newsletter.tooloop.de/uploads/contact_logo_linkedin.png "
width = " 32px " alt = " LinkedIn " ></ a >
< a style = " margin: 0 8px; "
2025-10-29 12:07:30 +01:00
href = " https://www.xing.com/profile/Daniel_Stock9 " >< img
2025-10-22 11:58:18 +02:00
src = " http://newsletter.tooloop.de/uploads/contact_logo_xing.png "
width = " 32px " alt = " Xing " ></ a >
< a style = " margin: 0 8px; "
2025-10-29 12:07:30 +01:00
href = " https://mastodon.social/@tooloop " >< img
2025-10-22 11:58:18 +02:00
src = " http://newsletter.tooloop.de/uploads/contact_logo_mastodon.png "
width = " 32px " alt = " Xing " ></ a >
< a style = " margin: 0 8px; "
2025-10-29 12:07:30 +01:00
href = " https://www.instagram.com/tooloop.multimedia/ " >< img
2025-10-22 11:58:18 +02:00
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; " >& nbsp ; </ td >
</ tr >
</ table >
</ td >
</ tr >
</ table >
</ center >
</ body >
</ html >
