From 9b13120c41f4cce590d27321625f4f5b01527795 Mon Sep 17 00:00:00 2001
From: Andy Heathershaw <andy@andys.eu>
Date: Tue, 12 Sep 2017 20:23:48 +0100
Subject: [PATCH] #6: Updated the mailing config to use Markdown. Converted the
 current e-mail templates to Markdown.

---
 app/Http/Middleware/AppInstallation.php       |   2 +
 app/Mail/TestMailConfig.php                   |   2 +-
 app/Mail/UserActivationRequired.php           |   2 +-
 config/mail.php                               |  16 +
 resources/lang/en/forms.php                   |   1 +
 .../themes/base/email/test_email.blade.php    |  16 +-
 .../email/user_activation_required.blade.php  |  30 +-
 .../themes/base/partials/register.blade.php   |  24 +-
 .../views/vendor/mail/html/button.blade.php   |  19 ++
 .../views/vendor/mail/html/footer.blade.php   |  11 +
 .../views/vendor/mail/html/header.blade.php   |   7 +
 .../views/vendor/mail/html/layout.blade.php   |  54 ++++
 .../views/vendor/mail/html/message.blade.php  |  27 ++
 .../views/vendor/mail/html/panel.blade.php    |  13 +
 .../vendor/mail/html/promotion.blade.php      |   7 +
 .../mail/html/promotion/button.blade.php      |  13 +
 .../views/vendor/mail/html/subcopy.blade.php  |   7 +
 .../views/vendor/mail/html/table.blade.php    |   3 +
 .../views/vendor/mail/html/themes/default.css | 285 ++++++++++++++++++
 .../vendor/mail/markdown/button.blade.php     |   1 +
 .../vendor/mail/markdown/footer.blade.php     |   1 +
 .../vendor/mail/markdown/header.blade.php     |   1 +
 .../vendor/mail/markdown/layout.blade.php     |   9 +
 .../vendor/mail/markdown/message.blade.php    |  27 ++
 .../vendor/mail/markdown/panel.blade.php      |   1 +
 .../vendor/mail/markdown/promotion.blade.php  |   1 +
 .../mail/markdown/promotion/button.blade.php  |   1 +
 .../vendor/mail/markdown/subcopy.blade.php    |   1 +
 .../vendor/mail/markdown/table.blade.php      |   1 +
 29 files changed, 547 insertions(+), 36 deletions(-)
 create mode 100644 resources/views/vendor/mail/html/button.blade.php
 create mode 100644 resources/views/vendor/mail/html/footer.blade.php
 create mode 100644 resources/views/vendor/mail/html/header.blade.php
 create mode 100644 resources/views/vendor/mail/html/layout.blade.php
 create mode 100644 resources/views/vendor/mail/html/message.blade.php
 create mode 100644 resources/views/vendor/mail/html/panel.blade.php
 create mode 100644 resources/views/vendor/mail/html/promotion.blade.php
 create mode 100644 resources/views/vendor/mail/html/promotion/button.blade.php
 create mode 100644 resources/views/vendor/mail/html/subcopy.blade.php
 create mode 100644 resources/views/vendor/mail/html/table.blade.php
 create mode 100644 resources/views/vendor/mail/html/themes/default.css
 create mode 100644 resources/views/vendor/mail/markdown/button.blade.php
 create mode 100644 resources/views/vendor/mail/markdown/footer.blade.php
 create mode 100644 resources/views/vendor/mail/markdown/header.blade.php
 create mode 100644 resources/views/vendor/mail/markdown/layout.blade.php
 create mode 100644 resources/views/vendor/mail/markdown/message.blade.php
 create mode 100644 resources/views/vendor/mail/markdown/panel.blade.php
 create mode 100644 resources/views/vendor/mail/markdown/promotion.blade.php
 create mode 100644 resources/views/vendor/mail/markdown/promotion/button.blade.php
 create mode 100644 resources/views/vendor/mail/markdown/subcopy.blade.php
 create mode 100644 resources/views/vendor/mail/markdown/table.blade.php

diff --git a/app/Http/Middleware/AppInstallation.php b/app/Http/Middleware/AppInstallation.php
index fba5ab0..0f670b5 100644
--- a/app/Http/Middleware/AppInstallation.php
+++ b/app/Http/Middleware/AppInstallation.php
@@ -94,7 +94,9 @@ class AppInstallation
         {
             Log::info('Upgrading database', ['new_version' => $appVersionNumber]);
 
+            Artisan::call('config:cache');
             Artisan::call('cache:clear');
+            Artisan::call('view:clear');
             Artisan::call('migrate', ['--force' => true]);
             Artisan::call('db:seed', ['--force' => true]);
 
diff --git a/app/Mail/TestMailConfig.php b/app/Mail/TestMailConfig.php
index 4f33c16..86df647 100644
--- a/app/Mail/TestMailConfig.php
+++ b/app/Mail/TestMailConfig.php
@@ -37,7 +37,7 @@ class TestMailConfig extends Mailable
 
         return $this
             ->subject($subject)
-            ->view(Theme::viewName('email.test_email'))
+            ->markdown(Theme::viewName('email.test_email'))
             ->with(['subject' => $subject]);
     }
 }
diff --git a/app/Mail/UserActivationRequired.php b/app/Mail/UserActivationRequired.php
index 7aa3fe0..9b94c0e 100644
--- a/app/Mail/UserActivationRequired.php
+++ b/app/Mail/UserActivationRequired.php
@@ -37,7 +37,7 @@ class UserActivationRequired extends Mailable
 
         return $this
             ->subject($subject)
-            ->view(Theme::viewName('email.user_activation_required'))
+            ->markdown(Theme::viewName('email.user_activation_required'))
             ->with([
                 'subject' => $subject,
                 'user' => $this->user
diff --git a/config/mail.php b/config/mail.php
index be962b7..a4496b0 100644
--- a/config/mail.php
+++ b/config/mail.php
@@ -118,4 +118,20 @@ return [
 
     'sendmail' => '',
 
+    /*
+    |--------------------------------------------------------------------------
+    | Markdown Mail Settings
+    |--------------------------------------------------------------------------
+    |
+    | If you are using Markdown based email rendering, you may configure your
+    | theme and component paths here, allowing you to customize the design
+    | of the emails. Or, you may simply stick with the Laravel defaults!
+    |
+    */
+    'markdown' => [
+        'theme' => 'default',
+        'paths' => [
+            resource_path('views/vendor/mail'),
+        ],
+    ],
 ];
diff --git a/resources/lang/en/forms.php b/resources/lang/en/forms.php
index 2d5e15e..adb127f 100644
--- a/resources/lang/en/forms.php
+++ b/resources/lang/en/forms.php
@@ -1,5 +1,6 @@
 <?php
 return [
+    'activate_action' => 'Activate your account',
     'activate_user_label' => 'Manually activate this account',
     'admin_user_label' => 'User is an administrator',
     'album_label' => 'Album:',
diff --git a/resources/views/themes/base/email/test_email.blade.php b/resources/views/themes/base/email/test_email.blade.php
index d380c32..3b833b8 100644
--- a/resources/views/themes/base/email/test_email.blade.php
+++ b/resources/views/themes/base/email/test_email.blade.php
@@ -1,9 +1,9 @@
-@extends('themes.base.email_layout')
+@component('mail::message')
+Hi {{ Auth::user()->name }},
 
-@section('title', $subject)
-@section('content')
-    <p>Hi {{ Auth::user()->name }},</p>
-    <p>This e-mail confirms your e-mail settings are correct.</p>
-    <p>You can now press &quot;Save Settings&quot; on the Settings screen to save these settings.</p>
-    <p>Regards,<br/>{{ UserConfig::get('app_name') }}</p>
-@endsection
\ No newline at end of file
+This e-mail confirms your e-mail settings are correct.<br/>
+You can now press &quot;Save Settings&quot; on the Settings screen to save these settings.
+
+Regards,<br/>
+{{ UserConfig::get('app_name') }}
+@endcomponent
\ No newline at end of file
diff --git a/resources/views/themes/base/email/user_activation_required.blade.php b/resources/views/themes/base/email/user_activation_required.blade.php
index 9ae4383..b497d08 100644
--- a/resources/views/themes/base/email/user_activation_required.blade.php
+++ b/resources/views/themes/base/email/user_activation_required.blade.php
@@ -1,15 +1,17 @@
-@extends('themes.base.email_layout')
+@component('mail::message')
+@lang('email.generic_intro', ['user_name' => $user->name])
 
-@section('title', $subject)
-@section('content')
-    <p>@lang('email.generic_intro', ['user_name' => $user->name])</p>
-    <p>@lang('email.activation_required_p1', ['app_name' => UserConfig::get('app_name')])</p>
-    <p>@lang('email.activation_required_p2')</p>
-    <p><a href="{{ route('auth.activate', ['token' => $user->activation_token]) }}">{{ route('auth.activate', ['token' => $user->activation_token]) }}</a></p>
-    <p>
-        -- <br/>
-        @lang('email.generic_regards')<br/>
-        {{ UserConfig::get('app_name') }}<br/>
-        <a href="{{ route('home') }}">{{ route('home') }}</a>
-    </p>
-@endsection
\ No newline at end of file
+
+@lang('email.activation_required_p1', ['app_name' => UserConfig::get('app_name')])
+
+
+@lang('email.activation_required_p2')
+
+@component('mail::button', ['url' => route('auth.activate', ['token' => $user->activation_token]), 'color' => 'green'])
+    @lang('forms.activate_action')
+@endcomponent
+
+@lang('email.generic_regards')<br/>
+{{ UserConfig::get('app_name') }}<br/>
+<a href="{{ route('home') }}">{{ route('home') }}</a>
+@endcomponent
\ No newline at end of file
diff --git a/resources/views/themes/base/partials/register.blade.php b/resources/views/themes/base/partials/register.blade.php
index 3d26e04..a2198f4 100644
--- a/resources/views/themes/base/partials/register.blade.php
+++ b/resources/views/themes/base/partials/register.blade.php
@@ -1,56 +1,56 @@
 <form role="form" method="POST" action="{{ url('/register') }}">
     {{ csrf_field() }}
 
-    <div class="form-group row{{ $errors->has('name') ? ' has-danger' : '' }}">
+    <div class="form-group row">
         <label for="name" class="col-md-4 col-form-label text-md-right">@lang('forms.realname_label')</label>
 
         <div class="col-md-6">
-            <input id="name" type="text" class="form-control" name="name" value="{{ old('name') }}" autofocus>
+            <input id="name" type="text" class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" name="name" value="{{ old('name') }}" autofocus>
 
             @if ($errors->has('name'))
-                <div class="form-control-feedback">
+                <div class="invalid-feedback">
                     <strong>{{ $errors->first('name') }}</strong>
                 </div>
             @endif
         </div>
     </div>
 
-    <div class="form-group row{{ $errors->has('email') ? ' has-danger' : '' }}">
+    <div class="form-group row">
         <label for="email" class="col-md-4 col-form-label text-md-right">@lang('forms.email_label')</label>
 
         <div class="col-md-6">
-            <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}">
+            <input id="email" type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}">
 
             @if ($errors->has('email'))
-                <div class="form-control-feedback">
+                <div class="invalid-feedback">
                     <strong>{{ $errors->first('email') }}</strong>
                 </div>
             @endif
         </div>
     </div>
 
-    <div class="form-group row{{ $errors->has('password') ? ' has-danger' : '' }}">
+    <div class="form-group row">
         <label for="password" class="col-md-4 col-form-label text-md-right">@lang('forms.password_label')</label>
 
         <div class="col-md-6">
-            <input id="password" type="password" class="form-control" name="password">
+            <input id="password" type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password">
 
             @if ($errors->has('password'))
-                <div class="form-control-feedback">
+                <div class="invalid-feedback">
                     <strong>{{ $errors->first('password') }}</strong>
                 </div>
             @endif
         </div>
     </div>
 
-    <div class="form-group row{{ $errors->has('password_confirmation') ? ' has-danger' : '' }}">
+    <div class="form-group row">
         <label for="password-confirm" class="col-md-4 col-form-label text-md-right">@lang('forms.password_confirm_label')</label>
 
         <div class="col-md-6">
-            <input id="password-confirm" type="password" class="form-control" name="password_confirmation">
+            <input id="password-confirm" type="password" class="form-control{{ $errors->has('password_confirmation') ? ' is-invalid' : '' }}" name="password_confirmation">
 
             @if ($errors->has('password_confirmation'))
-                <div class="form-control-feedback">
+                <div class="invalid-feedback">
                     <strong>{{ $errors->first('password_confirmation') }}</strong>
                 </div>
             @endif
diff --git a/resources/views/vendor/mail/html/button.blade.php b/resources/views/vendor/mail/html/button.blade.php
new file mode 100644
index 0000000..c7aae1b
--- /dev/null
+++ b/resources/views/vendor/mail/html/button.blade.php
@@ -0,0 +1,19 @@
+<table class="action" align="center" width="100%" cellpadding="0" cellspacing="0">
+    <tr>
+        <td align="center">
+            <table width="100%" border="0" cellpadding="0" cellspacing="0">
+                <tr>
+                    <td align="center">
+                        <table border="0" cellpadding="0" cellspacing="0">
+                            <tr>
+                                <td>
+                                    <a href="{{ $url }}" class="button button-{{ $color or 'blue' }}" target="_blank">{{ $slot }}</a>
+                                </td>
+                            </tr>
+                        </table>
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+</table>
diff --git a/resources/views/vendor/mail/html/footer.blade.php b/resources/views/vendor/mail/html/footer.blade.php
new file mode 100644
index 0000000..c3f9360
--- /dev/null
+++ b/resources/views/vendor/mail/html/footer.blade.php
@@ -0,0 +1,11 @@
+<tr>
+    <td>
+        <table class="footer" align="center" width="570" cellpadding="0" cellspacing="0">
+            <tr>
+                <td class="content-cell" align="center">
+                    {{ Illuminate\Mail\Markdown::parse($slot) }}
+                </td>
+            </tr>
+        </table>
+    </td>
+</tr>
diff --git a/resources/views/vendor/mail/html/header.blade.php b/resources/views/vendor/mail/html/header.blade.php
new file mode 100644
index 0000000..eefabab
--- /dev/null
+++ b/resources/views/vendor/mail/html/header.blade.php
@@ -0,0 +1,7 @@
+<tr>
+    <td class="header">
+        <a href="{{ $url }}">
+            {{ $slot }}
+        </a>
+    </td>
+</tr>
diff --git a/resources/views/vendor/mail/html/layout.blade.php b/resources/views/vendor/mail/html/layout.blade.php
new file mode 100644
index 0000000..991ae52
--- /dev/null
+++ b/resources/views/vendor/mail/html/layout.blade.php
@@ -0,0 +1,54 @@
+<!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">
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+</head>
+<body>
+    <style>
+        @media only screen and (max-width: 600px) {
+            .inner-body {
+                width: 100% !important;
+            }
+
+            .footer {
+                width: 100% !important;
+            }
+        }
+
+        @media only screen and (max-width: 500px) {
+            .button {
+                width: 100% !important;
+            }
+        }
+    </style>
+
+    <table class="wrapper" width="100%" cellpadding="0" cellspacing="0">
+        <tr>
+            <td align="center">
+                <table class="content" width="100%" cellpadding="0" cellspacing="0">
+                    {{ $header or '' }}
+
+                    <!-- Email Body -->
+                    <tr>
+                        <td class="body" width="100%" cellpadding="0" cellspacing="0">
+                            <table class="inner-body" align="center" width="570" cellpadding="0" cellspacing="0">
+                                <!-- Body content -->
+                                <tr>
+                                    <td class="content-cell">
+                                        {{ Illuminate\Mail\Markdown::parse($slot) }}
+
+                                        {{ $subcopy or '' }}
+                                    </td>
+                                </tr>
+                            </table>
+                        </td>
+                    </tr>
+
+                    {{ $footer or '' }}
+                </table>
+            </td>
+        </tr>
+    </table>
+</body>
+</html>
diff --git a/resources/views/vendor/mail/html/message.blade.php b/resources/views/vendor/mail/html/message.blade.php
new file mode 100644
index 0000000..ba5d21d
--- /dev/null
+++ b/resources/views/vendor/mail/html/message.blade.php
@@ -0,0 +1,27 @@
+@component('mail::layout')
+    {{-- Header --}}
+    @slot('header')
+        @component('mail::header', ['url' => config('app.url')])
+            {{ UserConfig::get('app_name') }}
+        @endcomponent
+    @endslot
+
+    {{-- Body --}}
+    {{ $slot }}
+
+    {{-- Subcopy --}}
+    @isset($subcopy)
+        @slot('subcopy')
+            @component('mail::subcopy')
+                {{ $subcopy }}
+            @endcomponent
+        @endslot
+    @endisset
+
+    {{-- Footer --}}
+    @slot('footer')
+        @component('mail::footer')
+            Sent using <a href="http://showmy.photos">Blue Twilight</a>. &copy; 2016-{{ date('Y') }} <a href="https://www.andyheathershaw.uk">Andy Heathershaw</a>.
+        @endcomponent
+    @endslot
+@endcomponent
diff --git a/resources/views/vendor/mail/html/panel.blade.php b/resources/views/vendor/mail/html/panel.blade.php
new file mode 100644
index 0000000..f397080
--- /dev/null
+++ b/resources/views/vendor/mail/html/panel.blade.php
@@ -0,0 +1,13 @@
+<table class="panel" width="100%" cellpadding="0" cellspacing="0">
+    <tr>
+        <td class="panel-content">
+            <table width="100%" cellpadding="0" cellspacing="0">
+                <tr>
+                    <td class="panel-item">
+                        {{ Illuminate\Mail\Markdown::parse($slot) }}
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+</table>
diff --git a/resources/views/vendor/mail/html/promotion.blade.php b/resources/views/vendor/mail/html/promotion.blade.php
new file mode 100644
index 0000000..0debcf8
--- /dev/null
+++ b/resources/views/vendor/mail/html/promotion.blade.php
@@ -0,0 +1,7 @@
+<table class="promotion" align="center" width="100%" cellpadding="0" cellspacing="0">
+    <tr>
+        <td align="center">
+            {{ Illuminate\Mail\Markdown::parse($slot) }}
+        </td>
+    </tr>
+</table>
diff --git a/resources/views/vendor/mail/html/promotion/button.blade.php b/resources/views/vendor/mail/html/promotion/button.blade.php
new file mode 100644
index 0000000..8e79081
--- /dev/null
+++ b/resources/views/vendor/mail/html/promotion/button.blade.php
@@ -0,0 +1,13 @@
+<table width="100%" border="0" cellpadding="0" cellspacing="0">
+    <tr>
+        <td align="center">
+            <table border="0" cellpadding="0" cellspacing="0">
+                <tr>
+                    <td>
+                        <a href="{{ $url }}" class="button button-green" target="_blank">{{ $slot }}</a>
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+</table>
diff --git a/resources/views/vendor/mail/html/subcopy.blade.php b/resources/views/vendor/mail/html/subcopy.blade.php
new file mode 100644
index 0000000..c3df7b4
--- /dev/null
+++ b/resources/views/vendor/mail/html/subcopy.blade.php
@@ -0,0 +1,7 @@
+<table class="subcopy" width="100%" cellpadding="0" cellspacing="0">
+    <tr>
+        <td>
+            {{ Illuminate\Mail\Markdown::parse($slot) }}
+        </td>
+    </tr>
+</table>
diff --git a/resources/views/vendor/mail/html/table.blade.php b/resources/views/vendor/mail/html/table.blade.php
new file mode 100644
index 0000000..a5f3348
--- /dev/null
+++ b/resources/views/vendor/mail/html/table.blade.php
@@ -0,0 +1,3 @@
+<div class="table">
+{{ Illuminate\Mail\Markdown::parse($slot) }}
+</div>
diff --git a/resources/views/vendor/mail/html/themes/default.css b/resources/views/vendor/mail/html/themes/default.css
new file mode 100644
index 0000000..2065993
--- /dev/null
+++ b/resources/views/vendor/mail/html/themes/default.css
@@ -0,0 +1,285 @@
+/* Base */
+
+body, body *:not(html):not(style):not(br):not(tr):not(code) {
+    font-family: Avenir, Helvetica, sans-serif;
+    box-sizing: border-box;
+}
+
+body {
+    background-color: #f5f8fa;
+    color: #74787E;
+    height: 100%;
+    hyphens: auto;
+    line-height: 1.4;
+    margin: 0;
+    -moz-hyphens: auto;
+    -ms-word-break: break-all;
+    width: 100% !important;
+    -webkit-hyphens: auto;
+    -webkit-text-size-adjust: none;
+    word-break: break-all;
+    word-break: break-word;
+}
+
+p,
+ul,
+ol,
+blockquote {
+    line-height: 1.4;
+    text-align: left;
+}
+
+a {
+    color: #3869D4;
+}
+
+a img {
+    border: none;
+}
+
+/* Typography */
+
+h1 {
+    color: #2F3133;
+    font-size: 19px;
+    font-weight: bold;
+    margin-top: 0;
+    text-align: left;
+}
+
+h2 {
+    color: #2F3133;
+    font-size: 16px;
+    font-weight: bold;
+    margin-top: 0;
+    text-align: left;
+}
+
+h3 {
+    color: #2F3133;
+    font-size: 14px;
+    font-weight: bold;
+    margin-top: 0;
+    text-align: left;
+}
+
+p {
+    color: #74787E;
+    font-size: 16px;
+    line-height: 1.5em;
+    margin-top: 0;
+    text-align: left;
+}
+
+p.sub {
+    font-size: 12px;
+}
+
+img {
+    max-width: 100%;
+}
+
+/* Layout */
+
+.wrapper {
+    background-color: #f5f8fa;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    -premailer-cellpadding: 0;
+    -premailer-cellspacing: 0;
+    -premailer-width: 100%;
+}
+
+.content {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    -premailer-cellpadding: 0;
+    -premailer-cellspacing: 0;
+    -premailer-width: 100%;
+}
+
+/* Header */
+
+.header {
+    padding: 25px 0;
+    text-align: center;
+}
+
+.header a {
+    color: #bbbfc3;
+    font-size: 19px;
+    font-weight: bold;
+    text-decoration: none;
+    text-shadow: 0 1px 0 white;
+}
+
+/* Body */
+
+.body {
+    background-color: #FFFFFF;
+    border-bottom: 1px solid #EDEFF2;
+    border-top: 1px solid #EDEFF2;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    -premailer-cellpadding: 0;
+    -premailer-cellspacing: 0;
+    -premailer-width: 100%;
+}
+
+.inner-body {
+    background-color: #FFFFFF;
+    margin: 0 auto;
+    padding: 0;
+    width: 570px;
+    -premailer-cellpadding: 0;
+    -premailer-cellspacing: 0;
+    -premailer-width: 570px;
+}
+
+/* Subcopy */
+
+.subcopy {
+    border-top: 1px solid #EDEFF2;
+    margin-top: 25px;
+    padding-top: 25px;
+}
+
+.subcopy p {
+    font-size: 12px;
+}
+
+/* Footer */
+
+.footer {
+    margin: 0 auto;
+    padding: 0;
+    text-align: center;
+    width: 570px;
+    -premailer-cellpadding: 0;
+    -premailer-cellspacing: 0;
+    -premailer-width: 570px;
+}
+
+.footer p {
+    color: #AEAEAE;
+    font-size: 12px;
+    text-align: center;
+}
+
+/* Tables */
+
+.table table {
+    margin: 30px auto;
+    width: 100%;
+    -premailer-cellpadding: 0;
+    -premailer-cellspacing: 0;
+    -premailer-width: 100%;
+}
+
+.table th {
+    border-bottom: 1px solid #EDEFF2;
+    padding-bottom: 8px;
+}
+
+.table td {
+    color: #74787E;
+    font-size: 15px;
+    line-height: 18px;
+    padding: 10px 0;
+}
+
+.content-cell {
+    padding: 35px;
+}
+
+/* Buttons */
+
+.action {
+    margin: 30px auto;
+    padding: 0;
+    text-align: center;
+    width: 100%;
+    -premailer-cellpadding: 0;
+    -premailer-cellspacing: 0;
+    -premailer-width: 100%;
+}
+
+.button {
+    border-radius: 3px;
+    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
+    color: #FFF;
+    display: inline-block;
+    text-decoration: none;
+    -webkit-text-size-adjust: none;
+}
+
+.button-blue {
+    background-color: #3097D1;
+    border-top: 10px solid #3097D1;
+    border-right: 18px solid #3097D1;
+    border-bottom: 10px solid #3097D1;
+    border-left: 18px solid #3097D1;
+}
+
+.button-green {
+    background-color: #2ab27b;
+    border-top: 10px solid #2ab27b;
+    border-right: 18px solid #2ab27b;
+    border-bottom: 10px solid #2ab27b;
+    border-left: 18px solid #2ab27b;
+}
+
+.button-red {
+    background-color: #bf5329;
+    border-top: 10px solid #bf5329;
+    border-right: 18px solid #bf5329;
+    border-bottom: 10px solid #bf5329;
+    border-left: 18px solid #bf5329;
+}
+
+/* Panels */
+
+.panel {
+    margin: 0 0 21px;
+}
+
+.panel-content {
+    background-color: #EDEFF2;
+    padding: 16px;
+}
+
+.panel-item {
+    padding: 0;
+}
+
+.panel-item p:last-of-type {
+    margin-bottom: 0;
+    padding-bottom: 0;
+}
+
+/* Promotions */
+
+.promotion {
+    background-color: #FFFFFF;
+    border: 2px dashed #9BA2AB;
+    margin: 0;
+    margin-bottom: 25px;
+    margin-top: 25px;
+    padding: 24px;
+    width: 100%;
+    -premailer-cellpadding: 0;
+    -premailer-cellspacing: 0;
+    -premailer-width: 100%;
+}
+
+.promotion h1 {
+    text-align: center;
+}
+
+.promotion p {
+    font-size: 15px;
+    text-align: center;
+}
diff --git a/resources/views/vendor/mail/markdown/button.blade.php b/resources/views/vendor/mail/markdown/button.blade.php
new file mode 100644
index 0000000..97444eb
--- /dev/null
+++ b/resources/views/vendor/mail/markdown/button.blade.php
@@ -0,0 +1 @@
+{{ $slot }}: {{ $url }}
diff --git a/resources/views/vendor/mail/markdown/footer.blade.php b/resources/views/vendor/mail/markdown/footer.blade.php
new file mode 100644
index 0000000..3338f62
--- /dev/null
+++ b/resources/views/vendor/mail/markdown/footer.blade.php
@@ -0,0 +1 @@
+{{ $slot }}
diff --git a/resources/views/vendor/mail/markdown/header.blade.php b/resources/views/vendor/mail/markdown/header.blade.php
new file mode 100644
index 0000000..aaa3e57
--- /dev/null
+++ b/resources/views/vendor/mail/markdown/header.blade.php
@@ -0,0 +1 @@
+[{{ $slot }}]({{ $url }})
diff --git a/resources/views/vendor/mail/markdown/layout.blade.php b/resources/views/vendor/mail/markdown/layout.blade.php
new file mode 100644
index 0000000..9378baa
--- /dev/null
+++ b/resources/views/vendor/mail/markdown/layout.blade.php
@@ -0,0 +1,9 @@
+{!! strip_tags($header) !!}
+
+{!! strip_tags($slot) !!}
+@isset($subcopy)
+
+{!! strip_tags($subcopy) !!}
+@endisset
+
+{!! strip_tags($footer) !!}
diff --git a/resources/views/vendor/mail/markdown/message.blade.php b/resources/views/vendor/mail/markdown/message.blade.php
new file mode 100644
index 0000000..5dfa115
--- /dev/null
+++ b/resources/views/vendor/mail/markdown/message.blade.php
@@ -0,0 +1,27 @@
+@component('mail::layout')
+    {{-- Header --}}
+    @slot('header')
+        @component('mail::header', ['url' => config('app.url')])
+            {{ UserConfig::get('app_name') }}
+        @endcomponent
+    @endslot
+
+    {{-- Body --}}
+    {{ $slot }}
+
+    {{-- Subcopy --}}
+    @isset($subcopy)
+        @slot('subcopy')
+            @component('mail::subcopy')
+                {{ $subcopy }}
+            @endcomponent
+        @endslot
+    @endisset
+
+    {{-- Footer --}}
+    @slot('footer')
+        @component('mail::footer')
+            Sent using [Blue Twilight](http://showmy.photos). © 2016-{{ date('Y') }} [Andy Heathershaw](https://www.andyheathershaw.uk).
+        @endcomponent
+    @endslot
+@endcomponent
diff --git a/resources/views/vendor/mail/markdown/panel.blade.php b/resources/views/vendor/mail/markdown/panel.blade.php
new file mode 100644
index 0000000..3338f62
--- /dev/null
+++ b/resources/views/vendor/mail/markdown/panel.blade.php
@@ -0,0 +1 @@
+{{ $slot }}
diff --git a/resources/views/vendor/mail/markdown/promotion.blade.php b/resources/views/vendor/mail/markdown/promotion.blade.php
new file mode 100644
index 0000000..3338f62
--- /dev/null
+++ b/resources/views/vendor/mail/markdown/promotion.blade.php
@@ -0,0 +1 @@
+{{ $slot }}
diff --git a/resources/views/vendor/mail/markdown/promotion/button.blade.php b/resources/views/vendor/mail/markdown/promotion/button.blade.php
new file mode 100644
index 0000000..aaa3e57
--- /dev/null
+++ b/resources/views/vendor/mail/markdown/promotion/button.blade.php
@@ -0,0 +1 @@
+[{{ $slot }}]({{ $url }})
diff --git a/resources/views/vendor/mail/markdown/subcopy.blade.php b/resources/views/vendor/mail/markdown/subcopy.blade.php
new file mode 100644
index 0000000..3338f62
--- /dev/null
+++ b/resources/views/vendor/mail/markdown/subcopy.blade.php
@@ -0,0 +1 @@
+{{ $slot }}
diff --git a/resources/views/vendor/mail/markdown/table.blade.php b/resources/views/vendor/mail/markdown/table.blade.php
new file mode 100644
index 0000000..3338f62
--- /dev/null
+++ b/resources/views/vendor/mail/markdown/table.blade.php
@@ -0,0 +1 @@
+{{ $slot }}