1 files changed, 39 insertions, 126 deletions
diff --git a/lib/mail/templates/vendor-pq-comment.hbs b/lib/mail/templates/vendor-pq-comment.hbs
index b60deedc..3606bcdb 100644
--- a/lib/mail/templates/vendor-pq-comment.hbs
+++ b/lib/mail/templates/vendor-pq-comment.hbs
@@ -1,128 +1,41 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>PQ Review Comments</title>
-  <style>
-    body {
-      font-family: Arial, sans-serif;
-      line-height: 1.6;
-      color: #333;
-      margin: 0;
-      padding: 0;
-    }
-    .container {
-      max-width: 600px;
-      margin: 0 auto;
-      padding: 20px;
-    }
-    .header {
-      text-align: center;
-      padding: 20px 0;
-      border-bottom: 1px solid #eee;
-    }
-    .content {
-      padding: 20px 0;
-    }
-    .footer {
-      text-align: center;
-      padding: 20px 0;
-      font-size: 12px;
-      color: #999;
-      border-top: 1px solid #eee;
-    }
-    .btn {
-      display: inline-block;
-      padding: 10px 20px;
-      font-size: 16px;
-      color: #fff;
-      background-color: #0071bc;
-      text-decoration: none;
-      border-radius: 4px;
-      margin: 20px 0;
-    }
-    .comment-section {
-      margin: 20px 0;
-      padding: 15px;
-      background-color: #f9f9f9;
-      border-left: 4px solid #0071bc;
-    }
-    .comment-item {
-      margin-bottom: 15px;
-      padding-bottom: 15px;
-      border-bottom: 1px solid #eee;
-    }
-    .comment-item:last-child {
-      border-bottom: none;
-    }
-    .comment-code {
-      font-weight: bold;
-      color: #0071bc;
-      display: inline-block;
-      min-width: 60px;
-    }
-    .comment-title {
-      font-weight: bold;
-      color: #333;
-    }
-    .important {
-      color: #d14;
-      font-weight: bold;
-    }
-  </style>
-</head>
-<body>
-  <div class="container">
-    <div class="header">
-      <h1>PQ Review Comments</h1>
-    </div>
-    
-    <div class="content">
-      <p>Dear {{name}} ({{vendorCode}}),</p>
-      
-      <p>Thank you for submitting your PQ information. Our review team has completed the initial review and has requested some changes or additional information.</p>
-      
-      <p><span class="important">Action Required:</span> Please log in to your account and update your PQ submission based on the comments below.</p>
-      
-      {{#if hasGeneralComment}}
-      <div class="comment-section">
-        <h3>General Comments:</h3>
-        <p>{{generalComment}}</p>
-      </div>
-      {{/if}}
-      
-      <div class="comment-section">
-        <h3>Specific Item Comments ({{commentCount}}):</h3>
-        {{#each comments}}
-        <div class="comment-item">
-          <div>
-            <span class="comment-code">{{code}}</span>
-            <span class="comment-title">{{checkPoint}}</span>
-          </div>
-          <p>{{text}}</p>
-        </div>
-        {{/each}}
-      </div>
-      
-      <p>Please review these comments and make the necessary updates to your PQ submission. Once you have made the requested changes, you can resubmit your PQ for further review.</p>
-      
-      <div style="text-align: center;">
-        <a href="{{loginUrl}}" class="btn">Log in to update your PQ</a>
-      </div>
-      
-      <p>If you have any questions or need assistance, please contact our support team.</p>
-      
-      <p>Thank you for your cooperation.</p>
-      
-      <p>Best regards,<br>
-      PQ Review Team</p>
-    </div>
-    
-    <div class="footer">
-      <p>This is an automated email. Please do not reply to this message.</p>
-      <p>&copy; {{currentYear}} Your Company Name. All rights reserved.</p>
+{{> header logoUrl=logoUrl }}
+
+<h1 style="text-align:center; font-size:28px; margin-bottom:20px;">PQ Review Comments</h1>
+
+<p style="font-size:16px;">Dear {{name}} ({{vendorCode}}),</p>
+
+<p style="font-size:16px;">Thank you for submitting your PQ information. Our review team has completed the initial review and has requested some changes or additional information.</p>
+
+<p style="font-size:16px;"><span style="color:#d14; font-weight:bold;">Action Required:</span> Please log in to your account and update your PQ submission based on the comments below.</p>
+
+{{#if hasGeneralComment}}
+<div style="margin:20px 0; padding:15px; background-color:#f9f9f9; border-left:4px solid #0071bc;">
+  <h3>General Comments:</h3>
+  <p>{{generalComment}}</p>
+</div>
+{{/if}}
+
+<div style="margin:20px 0; padding:15px; background-color:#f9f9f9; border-left:4px solid #0071bc;">
+  <h3>Specific Item Comments ({{commentCount}}):</h3>
+  {{#each comments}}
+  <div style="margin-bottom:15px; border-bottom:1px solid #eee; padding-bottom:15px;">
+    <div>
+      <span style="font-weight:bold; color:#0071bc; display:inline-block; min-width:60px;">{{code}}</span>
+      <span style="font-weight:bold; color:#333;">{{checkPoint}}</span>
     </div>
+    <p>{{text}}</p>
   </div>
-</body>
-</html>
-\ No newline at end of file
+  {{/each}}
+</div>
+
+<p style="font-size:16px;">Please review these comments and update your PQ submission.</p>
+
+<div style="text-align:center; margin:20px 0;">
+  <a href="{{loginUrl}}" class="btn" style="padding:10px 20px; font-size:16px; background-color:#0071bc; color:#fff; text-decoration:none; border-radius:4px;">Log in to update your PQ</a>
+</div>
+
+<p style="font-size:16px;">If you have any questions, please contact our support team.</p>
+
+<p style="font-size:16px;">Thank you,<br />PQ Review Team</p>
+
+{{> footer logoUrl=logoUrl companyName=companyName year=currentYear }}
+\ No newline at end of file