From 37948c4682bacbb6f5af8d216dd190473cbff326 Mon Sep 17 00:00:00 2001
From: dyzulk <66510723+dyzulk@users.noreply.github.com>
Date: Wed, 31 Dec 2025 10:19:43 +0700
Subject: [PATCH] feat: Add new email templates for password reset, email
 verification, test, certificate notifications, and inquiry replies, along
 with a new application logo.

---
 public/images/logo/logo-outlined.png          | Bin 0 -> 5513 bytes
 .../emails/certificate-expired.blade.php      | 110 ++++++++++++---
 .../emails/certificate-expiring.blade.php     | 126 +++++++++++++++---
 .../views/emails/inquiry_reply.blade.php      |  44 +++---
 .../views/emails/password-reset.blade.php     |  65 +++++----
 resources/views/emails/test.blade.php         |   2 +-
 resources/views/emails/verify-email.blade.php |  56 +++++---
 7 files changed, 298 insertions(+), 105 deletions(-)
 create mode 100644 public/images/logo/logo-outlined.png

diff --git a/public/images/logo/logo-outlined.png b/public/images/logo/logo-outlined.png
new file mode 100644
index 0000000000000000000000000000000000000000..bceeee5aa086d0e1e1069caa30a9d4f103e1fd08
GIT binary patch
literal 5513
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
LNkvXXu0mjf#3ib-

literal 0
HcmV?d00001

diff --git a/resources/views/emails/certificate-expired.blade.php b/resources/views/emails/certificate-expired.blade.php
index 0441929..88145d1 100644
--- a/resources/views/emails/certificate-expired.blade.php
+++ b/resources/views/emails/certificate-expired.blade.php
@@ -1,26 +1,102 @@
 <!DOCTYPE html>
 <html>
 <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Certificate Expired Alert</title>
+    <style>
+        body {
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            line-height: 1.5;
+            color: #374151;
+            margin: 0;
+            padding: 0;
+            background-color: #f9fafb;
+        }
+        .container {
+            max-width: 600px;
+            margin: 40px auto;
+            background-color: #ffffff;
+            border-radius: 12px;
+            overflow: hidden;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+        }
+        .header {
+            padding: 30px 40px;
+            background-color: #fef2f2;
+            text-align: center;
+        }
+        .header img {
+            height: 32px;
+            margin-bottom: 15px;
+        }
+        .content {
+            padding: 40px;
+        }
+        .title {
+            font-size: 24px;
+            font-weight: 700;
+            color: #991b1b;
+            margin-bottom: 20px;
+        }
+        .details {
+            background-color: #fef2f2;
+            padding: 20px;
+            border-radius: 8px;
+            margin: 25px 0;
+            border: 1px solid #fee2e2;
+        }
+        .details p {
+            margin: 5px 0;
+            font-size: 14px;
+        }
+        .footer {
+            padding: 30px 40px;
+            background-color: #f9fafb;
+            text-align: center;
+            font-size: 12px;
+            color: #6b7280;
+            border-top: 1px solid #e5e7eb;
+        }
+        .button {
+            display: inline-block;
+            padding: 12px 24px;
+            background-color: #dc2626;
+            color: #ffffff;
+            text-decoration: none;
+            border-radius: 6px;
+            font-weight: 600;
+            margin-top: 10px;
+        }
+    </style>
 </head>
-<body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333;">
-    <div style="max-width: 600px; margin: 0 auto; padding: 20px;">
-        <h2 style="color: #a94442;">URGENT: Certificate Has Expired</h2>
-        
-        <p>Hello {{ $certificate->user->first_name ?? 'User' }},</p>
-        
-        <p>This is a critical notification that your SSL certificate has <strong>ALREADY EXPIRED</strong>.</p>
-        
-        <div style="background-color: #fee; padding: 15px; border-radius: 5px; margin: 20px 0; border: 1px solid #ebccd1;">
-            <p><strong>Common Name:</strong> {{ $certificate->common_name }}</p>
-            <p><strong>Organization:</strong> {{ $certificate->organization }}</p>
-            <p><strong>Key Strength:</strong> {{ $certificate->key_bits }}-bit</p>
-            <p><strong>Expired On:</strong> {{ $certificate->valid_to->format('d M Y H:i:s') }}</p>
+<body>
+    <div class="container">
+        <div class="header">
+            <img src="{{ url('/images/logo/logo-outlined.png') }}" alt="TrustLab Logo">
+        </div>
+        <div class="content">
+            <h1 class="title">URGENT: Certificate Has Expired</h1>
+            
+            <p>Hello {{ $certificate->user->first_name ?? 'User' }},</p>
+            
+            <p>This is a critical notification that your SSL certificate has <strong>ALREADY EXPIRED</strong>.</p>
+            
+            <div class="details">
+                <p><strong>Common Name:</strong> {{ $certificate->common_name }}</p>
+                <p><strong>Organization:</strong> {{ $certificate->organization }}</p>
+                <p><strong>Key Strength:</strong> {{ $certificate->key_bits }}-bit</p>
+                <p><strong>Expired On:</strong> {{ $certificate->valid_to->format('d M Y H:i:s') }}</p>
+            </div>
+            
+            <p>Your services using this certificate may be inaccessible or showing security warnings. Please renew immediately.</p>
+            
+            <a href="{{ config('app.frontend_url', 'http://localhost:3000') }}/dashboard" class="button">Renew Now</a>
+        </div>
+        <div class="footer">
+            <p>&copy; {{ date('Y') }} TrustLab. All rights reserved.</p>
+            <p>This is an automated system message. Please do not reply to this email.</p>
         </div>
-        
-        <p>Your services using this certificate may be inaccessible or showing security warnings. Please renew immediately.</p>
-        
-        <a href="{{ config('app.frontend_url', 'http://localhost:3000') }}/dashboard" style="display: inline-block; padding: 10px 20px; background-color: #d9534f; color: white; text-decoration: none; border-radius: 5px;">Renew Now</a>
     </div>
 </body>
 </html>
diff --git a/resources/views/emails/certificate-expiring.blade.php b/resources/views/emails/certificate-expiring.blade.php
index 1a77bbd..bd4326b 100644
--- a/resources/views/emails/certificate-expiring.blade.php
+++ b/resources/views/emails/certificate-expiring.blade.php
@@ -1,31 +1,113 @@
 <!DOCTYPE html>
 <html>
 <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Certificate Expiration Alert</title>
+    <style>
+        body {
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            line-height: 1.5;
+            color: #374151;
+            margin: 0;
+            padding: 0;
+            background-color: #f9fafb;
+        }
+        .container {
+            max-width: 600px;
+            margin: 40px auto;
+            background-color: #ffffff;
+            border-radius: 12px;
+            overflow: hidden;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+        }
+        .header {
+            padding: 30px 40px;
+            background-color: #fffbeb;
+            text-align: center;
+        }
+        .header img {
+            height: 32px;
+            margin-bottom: 15px;
+        }
+        .content {
+            padding: 40px;
+        }
+        .title {
+            font-size: 24px;
+            font-weight: 700;
+            color: #92400e;
+            margin-bottom: 20px;
+        }
+        .details {
+            background-color: #f9f9f9;
+            padding: 20px;
+            border-radius: 8px;
+            margin: 25px 0;
+            border: 1px solid #e5e7eb;
+        }
+        .details p {
+            margin: 5px 0;
+            font-size: 14px;
+        }
+        .footer {
+            padding: 30px 40px;
+            background-color: #f9fafb;
+            text-align: center;
+            font-size: 12px;
+            color: #6b7280;
+            border-top: 1px solid #e5e7eb;
+        }
+        .button {
+            display: inline-block;
+            padding: 12px 24px;
+            background-color: #3b82f6;
+            color: #ffffff;
+            text-decoration: none;
+            border-radius: 6px;
+            font-weight: 600;
+            margin-top: 10px;
+        }
+        .note {
+            margin-top: 30px;
+            font-size: 12px;
+            color: #777;
+            font-style: italic;
+        }
+    </style>
 </head>
-<body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333;">
-    <div style="max-width: 600px; margin: 0 auto; padding: 20px;">
-        <h2 style="color: #d9534f;">Action Required: Certificate Expiring Soon</h2>
-        
-        <p>Hello {{ $certificate->user->first_name ?? 'User' }},</p>
-        
-        <p>This is a notification that one of your SSL certificates is expiring in <strong>{{ $daysRemaining }} days</strong>.</p>
-        
-        <div style="background-color: #f9f9f9; padding: 15px; border-radius: 5px; margin: 20px 0;">
-            <p><strong>Common Name:</strong> {{ $certificate->common_name }}</p>
-            <p><strong>Organization:</strong> {{ $certificate->organization }}</p>
-            <p><strong>Key Strength:</strong> {{ $certificate->key_bits }}-bit</p>
-            <p><strong>Expiration Date:</strong> {{ $certificate->valid_to->format('d M Y H:i:s') }}</p>
+<body>
+    <div class="container">
+        <div class="header">
+            <img src="{{ url('/images/logo/logo-outlined.png') }}" alt="TrustLab Logo">
+        </div>
+        <div class="content">
+            <h1 class="title">Action Required: Certificate Expiring Soon</h1>
+            
+            <p>Hello {{ $certificate->user->first_name ?? 'User' }},</p>
+            
+            <p>This is a notification that one of your SSL certificates is expiring in <strong>{{ $daysRemaining }} days</strong>.</p>
+            
+            <div class="details">
+                <p><strong>Common Name:</strong> {{ $certificate->common_name }}</p>
+                <p><strong>Organization:</strong> {{ $certificate->organization }}</p>
+                <p><strong>Key Strength:</strong> {{ $certificate->key_bits }}-bit</p>
+                <p><strong>Expiration Date:</strong> {{ $certificate->valid_to->format('d M Y H:i:s') }}</p>
+            </div>
+            
+            <p>Please log in to your dashboard to renew this certificate before it expires to ensure uninterrupted service.</p>
+            
+            <a href="{{ config('app.frontend_url', 'http://localhost:3000') }}/dashboard" class="button">Go to Dashboard</a>
+            
+            <p class="note">
+                If you have already renewed this certificate, please ignore this message.<br>
+                You are receiving this email because you have enabled certificate renewal alerts in your account settings.
+            </p>
+        </div>
+        <div class="footer">
+            <p>&copy; {{ date('Y') }} TrustLab. All rights reserved.</p>
+            <p>This is an automated system message. Please do not reply to this email.</p>
         </div>
-        
-        <p>Please log in to your dashboard to renew this certificate before it expires to ensure uninterrupted service.</p>
-        
-        <a href="{{ config('app.frontend_url', 'http://localhost:3000') }}/dashboard" style="display: inline-block; padding: 10px 20px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px;">Go to Dashboard</a>
-        
-        <p style="margin-top: 30px; font-size: 12px; color: #777;">
-            If you have already renewed this certificate, please ignore this message.<br>
-            You are receiving this email because you have enabled certificate renewal alerts in your account settings.
-        </p>
     </div>
 </body>
 </html>
diff --git a/resources/views/emails/inquiry_reply.blade.php b/resources/views/emails/inquiry_reply.blade.php
index d4bb4c4..a8e7269 100644
--- a/resources/views/emails/inquiry_reply.blade.php
+++ b/resources/views/emails/inquiry_reply.blade.php
@@ -2,10 +2,12 @@
 <html>
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TrustLab Support Inquiry Reply</title>
     <style>
         body {
-            font-family: 'Inter', system-ui, -apple-system, sans-serif;
-            line-height: 1.6;
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            line-height: 1.5;
             color: #374151;
             margin: 0;
             padding: 0;
@@ -14,21 +16,24 @@
         .container {
             max-width: 600px;
             margin: 40px auto;
-            background: #ffffff;
-            border-radius: 16px;
+            background-color: #ffffff;
+            border-radius: 12px;
             overflow: hidden;
-            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
-            border: 1px solid #e5e7eb;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
         }
         .header {
+            padding: 30px 40px;
             background-color: #111827;
-            padding: 32px;
             text-align: center;
         }
+        .header img {
+            height: 32px;
+            margin-bottom: 5px;
+        }
         .header h1 {
             color: #ffffff;
-            margin: 0;
-            font-size: 24px;
+            margin: 10px 0 0 0;
+            font-size: 20px;
             font-weight: 700;
         }
         .content {
@@ -38,15 +43,18 @@
             background-color: #f3f4f6;
             border-radius: 12px;
             padding: 24px;
-            margin-bottom: 32px;
+            margin: 25px 0;
             border-left: 4px solid #3b82f6;
+            font-size: 15px;
+            color: #1f2937;
         }
         .footer {
-            padding: 32px;
+            padding: 30px 40px;
+            background-color: #f9fafb;
             text-align: center;
-            font-size: 14px;
+            font-size: 12px;
             color: #6b7280;
-            border-top: 1px solid #f3f4f6;
+            border-top: 1px solid #e5e7eb;
         }
         .original-message {
             margin-top: 40px;
@@ -60,16 +68,19 @@
 <body>
     <div class="container">
         <div class="header">
-            <h1>TrustLab Support</h1>
+            <img src="{{ url('/images/logo/logo-outlined.png') }}" alt="TrustLab Logo">
+            <h1>Support Reply</h1>
         </div>
         <div class="content">
             <p>Hello {{ $inquiry->name }},</p>
             
+            <p>Thank you for contacting TrustLab. Our team has reviewed your inquiry and has the following response:</p>
+
             <div class="reply-box">
                 {!! nl2br(e($replyMessage)) !!}
             </div>
 
-            <p>Best regards,<br>The TrustLab Team</p>
+            <p>Best regards,<br><strong>The TrustLab Team</strong></p>
 
             <div class="original-message">
                 <p><strong>Original Message:</strong></p>
@@ -77,7 +88,8 @@
             </div>
         </div>
         <div class="footer">
-            &copy; {{ date('Y') }} TrustLab. All rights reserved.
+            <p>&copy; {{ date('Y') }} TrustLab. All rights reserved.</p>
+            <p>This is an automated system message. Please do not reply to this email.</p>
         </div>
     </div>
 </body>
diff --git a/resources/views/emails/password-reset.blade.php b/resources/views/emails/password-reset.blade.php
index c4d9f80..7eedde8 100644
--- a/resources/views/emails/password-reset.blade.php
+++ b/resources/views/emails/password-reset.blade.php
@@ -2,10 +2,12 @@
 <html>
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Reset Your Password</title>
     <style>
         body {
-            font-family: 'Inter', system-ui, -apple-system, sans-serif;
-            line-height: 1.6;
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            line-height: 1.5;
             color: #374151;
             margin: 0;
             padding: 0;
@@ -14,65 +16,71 @@
         .container {
             max-width: 600px;
             margin: 40px auto;
-            background: #ffffff;
-            border-radius: 16px;
+            background-color: #ffffff;
+            border-radius: 12px;
             overflow: hidden;
-            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
-            border: 1px solid #e5e7eb;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
         }
         .header {
-            background-color: #111827;
-            padding: 32px;
+            padding: 30px 40px;
+            background-color: #eff6ff;
             text-align: center;
         }
-        .header h1 {
-            color: #ffffff;
-            margin: 0;
-            font-size: 24px;
-            font-weight: 700;
+        .header img {
+            height: 32px;
+            margin-bottom: 15px;
         }
         .content {
             padding: 40px;
             text-align: center;
         }
-        .content p {
-            margin-bottom: 24px;
+        .title {
+            font-size: 24px;
+            font-weight: 700;
+            color: #111827;
+            margin-bottom: 20px;
         }
-        .btn {
+        .footer {
+            padding: 30px 40px;
+            background-color: #f9fafb;
+            text-align: center;
+            font-size: 12px;
+            color: #6b7280;
+            border-top: 1px solid #e5e7eb;
+        }
+        .button {
             display: inline-block;
             padding: 12px 32px;
-            background-color: #465fff;
+            background-color: #3b82f6;
             color: #ffffff !important;
             text-decoration: none;
             border-radius: 8px;
             font-weight: 600;
-            margin-bottom: 32px;
-        }
-        .footer {
-            padding: 32px;
-            text-align: center;
-            font-size: 14px;
-            color: #6b7280;
-            border-top: 1px solid #f3f4f6;
+            margin: 25px 0;
         }
         .sub-link {
             font-size: 12px;
             color: #9ca3af;
             word-break: break-all;
+            margin-top: 30px;
+            padding-top: 20px;
+            border-top: 1px solid #f3f4f6;
         }
     </style>
 </head>
 <body>
     <div class="container">
         <div class="header">
-            <h1>Reset Your Password</h1>
+            <img src="{{ url('/images/logo/logo-outlined.png') }}" alt="TrustLab Logo">
         </div>
         <div class="content">
+            <h1 class="title">Reset Your Password</h1>
+            
             <p>Hello {{ $name }},</p>
             
             <p>You are receiving this email because we received a password reset request for your TrustLab account.</p>
 
-            <a href="{{ $url }}" class="btn">Reset Password</a>
+            <a href="{{ $url }}" class="button">Reset Password</a>
 
             <p>This password reset link will expire in 60 minutes.</p>
             <p>If you did not request a password reset, no further action is required.</p>
@@ -83,7 +91,8 @@
             </div>
         </div>
         <div class="footer">
-            &copy; {{ date('Y') }} TrustLab. All rights reserved.
+            <p>&copy; {{ date('Y') }} TrustLab. All rights reserved.</p>
+            <p>This is an automated system message. Please do not reply to this email.</p>
         </div>
     </div>
 </body>
diff --git a/resources/views/emails/test.blade.php b/resources/views/emails/test.blade.php
index 5437710..25de5df 100644
--- a/resources/views/emails/test.blade.php
+++ b/resources/views/emails/test.blade.php
@@ -83,7 +83,7 @@
     <div class="container">
         <div class="header">
             <!-- Using CID for embedding logo or absolute URL if accessible -->
-            <img src="{{ url('/images/logo/logo.png') }}" alt="TrustLab Logo">
+            <img src="{{ url('/images/logo/logo-outlined.png') }}" alt="TrustLab Logo">
         </div>
         <div class="content">
             <h1 class="title">SMTP Connection Test</h1>
diff --git a/resources/views/emails/verify-email.blade.php b/resources/views/emails/verify-email.blade.php
index 848f486..955434e 100644
--- a/resources/views/emails/verify-email.blade.php
+++ b/resources/views/emails/verify-email.blade.php
@@ -2,10 +2,12 @@
 <html>
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TrustLab Email Verification</title>
     <style>
         body {
-            font-family: 'Inter', system-ui, -apple-system, sans-serif;
-            line-height: 1.6;
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            line-height: 1.5;
             color: #374151;
             margin: 0;
             padding: 0;
@@ -14,17 +16,20 @@
         .container {
             max-width: 600px;
             margin: 40px auto;
-            background: #ffffff;
-            border-radius: 16px;
+            background-color: #ffffff;
+            border-radius: 12px;
             overflow: hidden;
-            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
-            border: 1px solid #e5e7eb;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
         }
         .header {
+            padding: 30px 40px;
             background-color: #111827;
-            padding: 32px;
             text-align: center;
         }
+        .header img {
+            height: 32px;
+            margin-bottom: 15px;
+        }
         .header h1 {
             color: #ffffff;
             margin: 0;
@@ -35,10 +40,21 @@
             padding: 40px;
             text-align: center;
         }
-        .content p {
-            margin-bottom: 24px;
+        .title {
+            font-size: 24px;
+            font-weight: 700;
+            color: #111827;
+            margin-bottom: 20px;
         }
-        .btn {
+        .footer {
+            padding: 30px 40px;
+            background-color: #f9fafb;
+            text-align: center;
+            font-size: 12px;
+            color: #6b7280;
+            border-top: 1px solid #e5e7eb;
+        }
+        .button {
             display: inline-block;
             padding: 12px 32px;
             background-color: #465fff;
@@ -46,33 +62,30 @@
             text-decoration: none;
             border-radius: 8px;
             font-weight: 600;
-            margin-bottom: 32px;
-        }
-        .footer {
-            padding: 32px;
-            text-align: center;
-            font-size: 14px;
-            color: #6b7280;
-            border-top: 1px solid #f3f4f6;
+            margin: 25px 0;
         }
         .sub-link {
             font-size: 12px;
             color: #9ca3af;
             word-break: break-all;
+            margin-top: 30px;
+            padding-top: 20px;
+            border-top: 1px solid #f3f4f6;
         }
     </style>
 </head>
 <body>
     <div class="container">
         <div class="header">
-            <h1>TrustLab Verification</h1>
+            <img src="{{ url('/images/logo/logo-outlined.png') }}" alt="TrustLab Logo">
+            <h1>Email Verification</h1>
         </div>
         <div class="content">
             <p>Hello {{ $name }},</p>
             
             <p>Thank you for joining TrustLab! Before you can start managing your certificates and API keys, we need you to verify your email address.</p>
 
-            <a href="{{ $url }}" class="btn">Verify Email Address</a>
+            <a href="{{ $url }}" class="button">Verify Email Address</a>
 
             <p>If you did not create an account, no further action is required.</p>
 
@@ -82,7 +95,8 @@
             </div>
         </div>
         <div class="footer">
-            &copy; {{ date('Y') }} TrustLab. All rights reserved.
+            <p>&copy; {{ date('Y') }} TrustLab. All rights reserved.</p>
+            <p>This is an automated system message. Please do not reply to this email.</p>
         </div>
     </div>
 </body>