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" >
2025-10-29 13:53:08 +01:00
< p > Hallo {{ $invoice [ 'billingData' ][ 'contactSalutation' ] ?? 'Herr/Frau' }} {{ $invoice [ 'billingData' ][ 'contactLastName' ] }}, </ p >
2025-10-22 11:58:18 +02:00
< 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 >
