app.bettersight.io/backend/templates/emails/brief.html

93 lines
3.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bettersight Weekly Brief</title>
</head>
<body style="margin:0;padding:0;background:#EEF1F6;font-family:Arial,sans-serif;color:#0D1526;">
<table width="100%" cellpadding="0" cellspacing="0" style="max-width:600px;margin:0 auto;background:#FFFFFF;">
<tr>
<td style="padding:24px 28px;border-bottom:1px solid #E5E9F0;">
<span style="font-size:18px;font-weight:800;color:#0D1526;">Better<span style="color:#00D4FF;">sight</span></span>
<div style="font-size:13px;color:#6B7A99;margin-top:4px;">Weekly Brief — {{ tenant_name }} · Week of {{ week_of }}</div>
</td>
</tr>
<tr>
<td style="padding:20px 28px;">
<h2 style="font-size:15px;margin:0 0 10px;">Market summary</h2>
<p style="font-size:13px;color:#2D3A52;line-height:1.6;">
{{ price_changes|length }} price change{{ '' if price_changes|length == 1 else 's' }},
{{ new_products|length }} new product{{ '' if new_products|length == 1 else 's' }}
detected this week.
</p>
</td>
</tr>
{% if price_changes %}
<tr>
<td style="padding:0 28px 20px;">
<h2 style="font-size:15px;margin:0 0 10px;">Price movements</h2>
<table width="100%" cellpadding="6" cellspacing="0" style="font-size:12.5px;border-collapse:collapse;">
<tr style="background:#F8FAFD;text-align:left;">
<th>Trip</th><th>Previous</th><th>Current</th><th>Δ</th>
</tr>
{% for change in price_changes %}
<tr style="border-bottom:1px solid #E5E9F0;">
<td>{{ change.product_id }}</td>
<td>${{ change.majority_price_usd - (change.change_amount or 0) }}</td>
<td>${{ change.majority_price_usd }}</td>
<td style="color:{{ '#F04438' if (change.change_percent or 0) < 0 else '#059669' }};">
{{ change.change_percent }}%
</td>
</tr>
{% endfor %}
</table>
</td>
</tr>
{% endif %}
{% if new_products %}
<tr>
<td style="padding:0 28px 20px;">
<h2 style="font-size:15px;margin:0 0 10px;">New products this week</h2>
{% for product in new_products %}
<div style="padding:10px 0;border-bottom:1px solid #E5E9F0;font-size:13px;">
<strong>{{ product.trip_name }}</strong> — {{ product.destination }},
{{ product.duration_days }} days, ${{ product.majority_price_usd }}
</div>
{% endfor %}
</td>
</tr>
{% endif %}
{% if battlecard_updates %}
<tr>
<td style="padding:0 28px 20px;">
<h2 style="font-size:15px;margin:0 0 10px;">Battlecard updates</h2>
<p style="font-size:13px;color:#6B7A99;">
{{ battlecard_updates|length }} battlecard{{ '' if battlecard_updates|length == 1 else 's' }} refreshed this week.
</p>
</td>
</tr>
{% endif %}
<tr>
<td style="padding:20px 28px;background:#F8FAFD;">
<a href="https://app.bettersight.io" style="font-size:13px;color:#1B8EF8;font-weight:600;text-decoration:none;">
View full detail in your dashboard →
</a>
</td>
</tr>
<tr>
<td style="padding:16px 28px;font-size:11px;color:#9BA8C0;">
Bettersight · Better sight, better moves.
<br>
<a href="https://bettersight.io/unsubscribe" style="color:#9BA8C0;">Unsubscribe from weekly briefs</a>
</td>
</tr>
</table>
</body>
</html>