<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Task 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;">Task Rejected</h2>
    </div>
    <div style="padding:24px;">
      <p>Dear {{clientName}},</p>
      <p>
        Your task <strong>{{taskTitle}}</strong> ({{serviceName}}) has been
        <strong style="color:#dc2626;">rejected</strong> by the manager on {{rejectedAt}}.
      </p>
      {{#if remarks}}
      <div style="background:#fef2f2;border-left:4px solid #dc2626;padding:12px 16px;margin:16px 0;">
        <strong>Reason:</strong> {{remarks}}
      </div>
      {{/if}}
      <p>Please review the task and re-submit / correct the required documents.</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>