<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Documents Rejected</title>
</head>
<body style="font-family: Arial, sans-serif; background:#f6f6f6; padding:20px;">
  <div style="max-width:600px;margin:0 auto;background:#fff;border-radius:8px;overflow:hidden;">
    <div style="background:linear-gradient(135deg,#152f78,#3b82f6);padding:32px 24px;">
      <h2 style="margin:0;color:#fff;">Documents Need Your Attention</h2>
    </div>
    <div style="padding:24px;">
      <p>Dear {{clientName}},</p>
      <p>
        Some documents you submitted for <strong>{{taskTitle}}</strong> ({{serviceName}}) were
        <strong style="color:#dc2626;">rejected</strong> on {{rejectedAt}}.
      </p>
      <div style="margin:16px 0;">
        {{#each rejectedDocuments}}
        <div style="background:#fef2f2;border-left:4px solid #dc2626;padding:12px 16px;margin-bottom:8px;">
          <strong>{{this.fileName}}</strong>
          {{#if this.remarks}}<div style="color:#6b7280;font-size:14px;margin-top:4px;">{{this.remarks}}</div>{{/if}}
        </div>
        {{/each}}
      </div>
      <p>Please re-upload the correct documents at the earliest.</p>
      <p style="text-align:center;margin:24px 0;">
        <a href="{{taskUrl}}" style="background:#2563eb;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;">
          View Task
        </a>
      </p>
      <p>Regards,<br/>{{companyName}}</p>
    </div>
    <div style="background:#f3f4f6;padding:12px;text-align:center;font-size:12px;color:#6b7280;">
      &copy; {{currentYear}} {{companyName}}. All rights reserved.
    </div>
  </div>
</body>
</html>