2016-09-18 01:22:04 +08:00
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
2023-09-17 20:29:06 +08:00
|
|
|
<html lang="{{ $locale->htmlLang() }}">
|
2016-09-18 01:22:04 +08:00
|
|
|
<head>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
|
|
|
|
|
|
|
|
<style type="text/css" rel="stylesheet" media="all">
|
|
|
|
|
/* Media Queries */
|
|
|
|
|
@media only screen and (max-width: 500px) {
|
|
|
|
|
.button {
|
|
|
|
|
width: 100% !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
|
|
|
.button {
|
|
|
|
|
width: 100% !important;
|
|
|
|
|
}
|
|
|
|
|
.mobile {
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
display: block;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<?php
|
|
|
|
|
|
|
|
|
|
$style = [
|
|
|
|
|
/* Layout ------------------------------ */
|
|
|
|
|
|
2023-08-15 21:39:39 +08:00
|
|
|
'body' => 'margin: 0; padding: 0; width: 100%; background-color: #F2F4F6;color:#444444;',
|
2016-09-18 01:22:04 +08:00
|
|
|
'email-wrapper' => 'width: 100%; margin: 0; padding: 0; background-color: #F2F4F6;',
|
|
|
|
|
|
|
|
|
|
/* Masthead ----------------------- */
|
|
|
|
|
|
2021-05-27 00:13:59 +08:00
|
|
|
'email-masthead' => 'padding: 25px 0; text-align: center;',
|
|
|
|
|
'email-masthead_name' => 'font-size: 24px; font-weight: 400; color: #2F3133; text-decoration: none; text-shadow: 0 1px 0 white;',
|
2016-09-18 01:22:04 +08:00
|
|
|
|
2021-05-27 00:13:59 +08:00
|
|
|
'email-body' => 'width: 100%; margin: 0; padding: 0; border-top: 4px solid '.setting('app-color').'; border-bottom: 1px solid #EDEFF2; background-color: #FFF;',
|
2016-09-18 01:22:04 +08:00
|
|
|
'email-body_inner' => 'width: auto; max-width: 100%; margin: 0 auto; padding: 0;',
|
|
|
|
|
'email-body_cell' => 'padding: 35px;',
|
|
|
|
|
|
|
|
|
|
'email-footer' => 'width: auto; max-width: 570px; margin: 0 auto; padding: 0; text-align: center;',
|
|
|
|
|
'email-footer_cell' => 'color: #AEAEAE; padding: 35px; text-align: center;',
|
|
|
|
|
|
|
|
|
|
/* Body ------------------------------ */
|
|
|
|
|
|
|
|
|
|
'body_action' => 'width: 100%; margin: 30px auto; padding: 0; text-align: center;',
|
|
|
|
|
'body_sub' => 'margin-top: 25px; padding-top: 25px; border-top: 1px solid #EDEFF2;',
|
|
|
|
|
|
|
|
|
|
/* Type ------------------------------ */
|
|
|
|
|
|
|
|
|
|
'anchor' => 'color: '.setting('app-color').';overflow-wrap: break-word;word-wrap: break-word;word-break: break-all;word-break:break-word;',
|
|
|
|
|
'header-1' => 'margin-top: 0; color: #2F3133; font-size: 19px; font-weight: bold; text-align: left;',
|
2023-08-15 21:39:39 +08:00
|
|
|
'paragraph' => 'margin-top: 0; color: #444444; font-size: 16px; line-height: 1.5em;',
|
|
|
|
|
'paragraph-sub' => 'margin-top: 0; color: #444444; font-size: 12px; line-height: 1.5em;',
|
2016-09-18 01:22:04 +08:00
|
|
|
'paragraph-center' => 'text-align: center;',
|
|
|
|
|
|
|
|
|
|
/* Buttons ------------------------------ */
|
|
|
|
|
|
|
|
|
|
'button' => 'display: block; display: inline-block; width: 200px; min-height: 20px; padding: 10px;
|
|
|
|
|
background-color: #3869D4; border-radius: 3px; color: #ffffff; font-size: 15px; line-height: 25px;
|
|
|
|
|
text-align: center; text-decoration: none; -webkit-text-size-adjust: none;',
|
|
|
|
|
|
|
|
|
|
'button--green' => 'background-color: #22BC66;',
|
|
|
|
|
'button--red' => 'background-color: #dc4d2f;',
|
|
|
|
|
'button--blue' => 'background-color: '.setting('app-color').';',
|
|
|
|
|
];
|
|
|
|
|
?>
|
|
|
|
|
|
|
|
|
|
<?php $fontFamily = 'font-family: Arial, \'Helvetica Neue\', Helvetica, sans-serif;'; ?>
|
|
|
|
|
|
|
|
|
|
<body style="{{ $style['body'] }}">
|
|
|
|
|
<table width="100%" cellpadding="0" cellspacing="0">
|
|
|
|
|
<tr>
|
|
|
|
|
<td align="center" class="mobile">
|
|
|
|
|
<table width="600" style="max-width: 100%; padding: 12px;text-align: left;" cellpadding="0" cellspacing="0" class="mobile">
|
|
|
|
|
<tr>
|
|
|
|
|
<td style="{{ $style['email-wrapper'] }}" align="center">
|
|
|
|
|
<table width="100%" cellpadding="0" cellspacing="0">
|
|
|
|
|
<!-- Logo -->
|
|
|
|
|
<tr>
|
2021-05-27 00:13:59 +08:00
|
|
|
<td style="{{ $style['email-masthead'] }}">
|
|
|
|
|
<a style="{{ $fontFamily }} {{ $style['email-masthead_name'] }}" href="{{ url('/') }}" target="_blank">
|
|
|
|
|
{{ setting('app-name') }}
|
|
|
|
|
</a>
|
2016-09-18 01:22:04 +08:00
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<!-- Email Body -->
|
|
|
|
|
<tr>
|
|
|
|
|
<td style="{{ $style['email-body'] }}" width="100%">
|
|
|
|
|
<table style="{{ $style['email-body_inner'] }}" align="center" width="100%" cellpadding="0" cellspacing="0">
|
|
|
|
|
<tr>
|
|
|
|
|
<td style="{{ $fontFamily }} {{ $style['email-body_cell'] }}">
|
|
|
|
|
|
|
|
|
|
<!-- Greeting -->
|
|
|
|
|
@if (!empty($greeting) || $level == 'error')
|
|
|
|
|
<h1 style="{{ $style['header-1'] }}">
|
|
|
|
|
@if (! empty($greeting))
|
|
|
|
|
{{ $greeting }}
|
|
|
|
|
@else
|
|
|
|
|
@if ($level == 'error')
|
|
|
|
|
Whoops!
|
|
|
|
|
@endif
|
|
|
|
|
@endif
|
|
|
|
|
</h1>
|
|
|
|
|
@endif
|
|
|
|
|
|
|
|
|
|
<!-- Intro -->
|
|
|
|
|
@foreach ($introLines as $line)
|
|
|
|
|
<p style="{{ $style['paragraph'] }}">
|
|
|
|
|
{{ $line }}
|
|
|
|
|
</p>
|
|
|
|
|
@endforeach
|
|
|
|
|
|
|
|
|
|
<!-- Action Button -->
|
|
|
|
|
@if (isset($actionText))
|
|
|
|
|
<table style="{{ $style['body_action'] }}" align="center" width="100%" cellpadding="0" cellspacing="0">
|
|
|
|
|
<tr>
|
|
|
|
|
<td align="center">
|
|
|
|
|
<?php
|
|
|
|
|
switch ($level) {
|
|
|
|
|
case 'success':
|
|
|
|
|
$actionColor = 'button--green';
|
|
|
|
|
break;
|
|
|
|
|
case 'error':
|
|
|
|
|
$actionColor = 'button--red';
|
|
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
$actionColor = 'button--blue';
|
|
|
|
|
}
|
|
|
|
|
?>
|
|
|
|
|
|
|
|
|
|
<a href="{{ $actionUrl }}"
|
|
|
|
|
style="{{ $fontFamily }} {{ $style['button'] }} {{ $style[$actionColor] }}"
|
|
|
|
|
class="button"
|
|
|
|
|
target="_blank">
|
|
|
|
|
{{ $actionText }}
|
|
|
|
|
</a>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
@endif
|
|
|
|
|
|
|
|
|
|
<!-- Outro -->
|
|
|
|
|
@foreach ($outroLines as $line)
|
2023-08-15 21:39:39 +08:00
|
|
|
<p style="{{ $style['paragraph-sub'] }}">
|
2016-09-18 01:22:04 +08:00
|
|
|
{{ $line }}
|
|
|
|
|
</p>
|
|
|
|
|
@endforeach
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Sub Copy -->
|
|
|
|
|
@if (isset($actionText))
|
|
|
|
|
<table style="{{ $style['body_sub'] }}">
|
|
|
|
|
<tr>
|
|
|
|
|
<td style="{{ $fontFamily }}">
|
|
|
|
|
<p style="{{ $style['paragraph-sub'] }}">
|
2023-09-17 23:20:21 +08:00
|
|
|
{{ $locale->trans('common.email_action_help', ['actionText' => $actionText]) }}
|
2016-09-18 01:22:04 +08:00
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<p style="{{ $style['paragraph-sub'] }}">
|
|
|
|
|
<a style="{{ $style['anchor'] }}" href="{{ $actionUrl }}" target="_blank">
|
|
|
|
|
{{ $actionUrl }}
|
|
|
|
|
</a>
|
|
|
|
|
</p>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
@endif
|
|
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<!-- Footer -->
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<table style="{{ $style['email-footer'] }}" align="center" width="100%" cellpadding="0" cellspacing="0">
|
|
|
|
|
<tr>
|
|
|
|
|
<td style="{{ $fontFamily }} {{ $style['email-footer_cell'] }}">
|
|
|
|
|
<p style="{{ $style['paragraph-sub'] }}">
|
|
|
|
|
© {{ date('Y') }}
|
2019-08-04 21:26:39 +08:00
|
|
|
<a style="{{ $style['anchor'] }}" href="{{ url('/') }}" target="_blank">{{ setting('app-name') }}</a>.
|
2023-09-17 23:20:21 +08:00
|
|
|
{{ $locale->trans('common.email_rights') }}
|
2016-09-18 01:22:04 +08:00
|
|
|
</p>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
