<!doctype html>
<html lang="en">
  <body style="font-family: Arial, sans-serif; line-height: 1.5; color: #111;">
    {{email_header}}
    <p>Hi {{assignee_name}},</p>
    <p>a <strong>handover protocol</strong> has been assigned to you. Please fill it in completely.</p>
    <table style="border-collapse: collapse; margin: 16px 0;">
      <tr>
        <td style="padding: 4px 12px 4px 0; color: #555;">Customer:</td>
        <td style="padding: 4px 0;"><strong>{{debitor_name}}</strong></td>
      </tr>
      <tr>
        <td style="padding: 4px 12px 4px 0; color: #555;">Domain:</td>
        <td style="padding: 4px 0;">{{domain_url}}</td>
      </tr>
      <tr>
        <td style="padding: 4px 12px 4px 0; color: #555;">Assigned by:</td>
        <td style="padding: 4px 0;">{{assigned_by_name}}</td>
      </tr>
      <tr>
        <td style="padding: 4px 12px 4px 0; color: #555;">Due date:</td>
        <td style="padding: 4px 0;">{{due_date}}</td>
      </tr>
    </table>
    <p>
      <a href="{{handover_url}}" style="display: inline-block; padding: 10px 20px; background: #2563eb; color: #fff; text-decoration: none; border-radius: 4px;">
        Open handover
      </a>
    </p>
    <p>Please fill in all required fields and then click <em>"Submit for review"</em>.</p>
    <p>Best regards<br>{{app_name}}</p>
    {{email_footer}}
  </body>
</html>
