2020-02-26 21:55:23 +01:00
|
|
|
@php
|
2021-01-18 15:27:32 +01:00
|
|
|
if(!isset($design)) {
|
|
|
|
|
$design = 'light';
|
|
|
|
|
}
|
2020-02-26 21:55:23 +01:00
|
|
|
@endphp
|
2019-12-10 21:25:54 +01:00
|
|
|
|
2021-01-18 15:27:32 +01:00
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
|
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
2020-05-19 00:22:29 +02:00
|
|
|
|
2021-01-18 15:27:32 +01:00
|
|
|
<head>
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
2021-03-10 14:32:17 +01:00
|
|
|
<title></title>
|
2021-01-18 15:27:32 +01:00
|
|
|
</head>
|
2019-12-10 21:25:54 +01:00
|
|
|
|
2021-03-10 14:32:17 +01:00
|
|
|
<style type="text/css">
|
2021-01-18 15:27:32 +01:00
|
|
|
:root {
|
|
|
|
|
--primary-color: {{ isset($settings) ? $settings->primary_color : '#4caf50' }};
|
|
|
|
|
}
|
2020-09-18 14:27:20 +02:00
|
|
|
|
2021-01-18 15:27:32 +01:00
|
|
|
.primary-color-bg {
|
2021-02-22 11:32:52 +01:00
|
|
|
background-color: {{ isset($settings) ? $settings->primary_color : '#4caf50' }};
|
2021-01-18 15:27:32 +01:00
|
|
|
}
|
2020-02-26 21:55:23 +01:00
|
|
|
|
2021-01-19 11:05:47 +01:00
|
|
|
#email-content h1, h2, h3, h4 {
|
2021-01-18 15:27:32 +01:00
|
|
|
display: block;
|
|
|
|
|
color: {{ $design == 'light' ? 'black' : 'white' }};
|
2021-01-19 11:05:47 +01:00
|
|
|
padding-bottom: 20px;
|
|
|
|
|
padding-top: 20px;
|
2021-01-18 15:27:32 +01:00
|
|
|
}
|
2020-09-18 14:27:20 +02:00
|
|
|
|
2021-01-18 15:27:32 +01:00
|
|
|
#email-content p {
|
|
|
|
|
display: block;
|
|
|
|
|
color: {{ $design == 'light' ? 'black' : 'white' }};
|
2021-01-19 11:05:47 +01:00
|
|
|
padding-bottom: 20px;
|
2021-02-22 11:32:52 +01:00
|
|
|
/*padding-top: 20px;*/
|
2021-01-18 15:27:32 +01:00
|
|
|
}
|
2020-09-18 14:27:20 +02:00
|
|
|
|
2021-01-18 15:27:32 +01:00
|
|
|
.button {
|
2021-02-22 11:32:52 +01:00
|
|
|
background-color: {{ isset($settings) ? $settings->primary_color : '#4caf50' }};
|
2021-01-18 15:27:32 +01:00
|
|
|
color: white;
|
|
|
|
|
padding: 10px 16px;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
2020-02-26 21:55:23 +01:00
|
|
|
|
2021-01-18 15:27:32 +01:00
|
|
|
#email-content a, .link {
|
|
|
|
|
word-break: break-all;
|
|
|
|
|
}
|
2021-03-10 14:32:17 +01:00
|
|
|
|
|
|
|
|
#email-content .button {
|
|
|
|
|
position: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.center {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
p {
|
|
|
|
|
padding-bottom: 5px;
|
|
|
|
|
}
|
2021-01-18 15:27:32 +01:00
|
|
|
</style>
|
2020-05-19 00:22:29 +02:00
|
|
|
|
2021-01-18 15:27:32 +01:00
|
|
|
<body style="margin: 0; padding: 0; background-color: {{ $design == 'light' ? '#F9FAFB' : '#111827' }};">
|
|
|
|
|
<table role="presentation" cellpadding="0" cellspacing="0" width="100%">
|
|
|
|
|
<tr>
|
|
|
|
|
<td style="padding: 20px; font-family: Arial, sans-serif, 'Open Sans'">
|
|
|
|
|
<table align="center" cellpadding="0" cellspacing="0" width="600"
|
|
|
|
|
style="box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06)">
|
|
|
|
|
<tr>
|
|
|
|
|
<td align="center" bgcolor="#4caf50" class="primary-color-bg" style="padding: 40px 0 30px 0;">
|
|
|
|
|
{{ $header }}
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td bgcolor="{{ $design == 'light' ? '#ffffff' : '#1F2937'}}" style="padding: 40px 30px 40px 30px;">
|
|
|
|
|
<table cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
|
|
|
|
|
<tr>
|
2021-03-10 14:32:17 +01:00
|
|
|
<td id="email-content">
|
2021-01-20 13:18:17 +01:00
|
|
|
@yield('greeting')
|
|
|
|
|
|
2021-01-18 15:27:32 +01:00
|
|
|
{{ $slot }}
|
2021-01-20 13:18:17 +01:00
|
|
|
|
|
|
|
|
@yield('signature')
|
|
|
|
|
@yield('footer')
|
2021-01-18 15:27:32 +01:00
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
@isset($whitelabel)
|
|
|
|
|
@if(!$whitelabel)
|
|
|
|
|
<td bgcolor="{{ $design == 'light' ? '#ffffff' : '#1F2937'}}" style="padding-top: 20px; padding-bottom: 20px;" align="center">
|
|
|
|
|
<p style="margin: 0; border-top: 1px solid {{ $design == 'light' ? '#F3F4F6' : '#374151' }}; padding-top: 20px;">
|
|
|
|
|
<a href="https://invoiceninja.com" target="_blank">
|
|
|
|
|
<img
|
|
|
|
|
style="height: 4rem; {{ $design == 'dark' ? 'filter: invert(100%);' : '' }}"
|
|
|
|
|
src="{{ asset('images/created-by-invoiceninja-new.png') }}"
|
|
|
|
|
alt="Invoice Ninja">
|
|
|
|
|
</a>
|
|
|
|
|
</p>
|
|
|
|
|
</td>
|
|
|
|
|
@endif
|
|
|
|
|
@endif
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
2020-09-25 13:57:02 +02:00
|
|
|
</body>
|
2021-01-18 15:27:32 +01:00
|
|
|
|
|
|
|
|
</html>
|
