43 lines
2.4 KiB
HTML
43 lines
2.4 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<body style="margin:0;padding:0;background:#f1f5f9;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1f2937;">
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#f1f5f9;padding:24px 0;">
|
|
<tr><td align="center">
|
|
<table role="presentation" width="600" cellpadding="0" cellspacing="0" style="max-width:600px;width:100%;background:#ffffff;border-radius:12px;overflow:hidden;">
|
|
<tr><td style="background:#1a56db;color:#ffffff;padding:20px 28px;font-size:18px;font-weight:700;">
|
|
New Work Order
|
|
</td></tr>
|
|
<tr><td style="padding:24px 28px;">
|
|
<p style="margin:0 0 12px;">Hello {{ work_order.vendor_name }},</p>
|
|
<p style="margin:0 0 16px;">You've been assigned a work order at <strong>{{ facility_name }}</strong>.</p>
|
|
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;">
|
|
<tr><td style="padding:14px 16px;">
|
|
<div style="font-size:12px;text-transform:uppercase;color:#6b7280;margin-bottom:4px;">What needs doing</div>
|
|
<div style="margin-bottom:10px;">{{ issue.description }}</div>
|
|
<div style="font-size:13px;color:#6b7280;">Severity: {{ issue.severity }}</div>
|
|
{% if work_order.message %}
|
|
<div style="margin-top:12px;padding-top:12px;border-top:1px solid #eee;font-size:14px;">
|
|
<strong>Note:</strong> {{ work_order.message }}
|
|
</div>
|
|
{% endif %}
|
|
</td></tr>
|
|
</table>
|
|
|
|
<p style="margin:0 0 20px;">Open your work order to acknowledge it and mark it complete when done:</p>
|
|
<p style="text-align:center;margin:0 0 8px;">
|
|
<a href="{{ link }}" style="display:inline-block;background:#1a56db;color:#ffffff;text-decoration:none;padding:12px 28px;border-radius:8px;font-weight:600;">
|
|
Open Work Order
|
|
</a>
|
|
</p>
|
|
<p style="font-size:12px;color:#9aa3af;text-align:center;margin:12px 0 0;word-break:break-all;">{{ link }}</p>
|
|
</td></tr>
|
|
<tr><td style="padding:16px 28px;background:#f8fafc;color:#9aa3af;font-size:12px;">
|
|
This link is private to you — please don't forward it.
|
|
</td></tr>
|
|
</table>
|
|
</td></tr>
|
|
</table>
|
|
</body>
|
|
</html>
|