<!DOCTYPE html>
<html>
<head><meta charset="utf-8"></head>
<body style="font-family: system-ui, sans-serif; max-width: 600px; margin: 40px auto; padding: 20px; color: #333;">
    <h2>{{ outcome_icon }} Batch {{ outcome_label }}</h2>
    <p>Hi {{ to_name }},</p>
    <p>{{ outcome_message }}</p>

    <table style="width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 14px;">
        <tr><td style="padding: 8px; border-bottom: 1px solid #eee; color: #666;">Batch ID</td><td style="padding: 8px; border-bottom: 1px solid #eee;">{{ batch_id }}</td></tr>
        {% if filename %}<tr><td style="padding: 8px; border-bottom: 1px solid #eee; color: #666;">File</td><td style="padding: 8px; border-bottom: 1px solid #eee;">{{ filename }}</td></tr>{% endif %}
        {% if description %}<tr><td style="padding: 8px; border-bottom: 1px solid #eee; color: #666;">Description</td><td style="padding: 8px; border-bottom: 1px solid #eee;">{{ description }}</td></tr>{% endif %}
        <tr><td style="padding: 8px; border-bottom: 1px solid #eee; color: #666;">Model</td><td style="padding: 8px; border-bottom: 1px solid #eee;">{{ model }}</td></tr>
        <tr><td style="padding: 8px; border-bottom: 1px solid #eee; color: #666;">Endpoint</td><td style="padding: 8px; border-bottom: 1px solid #eee;">{{ endpoint }}</td></tr>
        <tr><td style="padding: 8px; border-bottom: 1px solid #eee; color: #666;">Created</td><td style="padding: 8px; border-bottom: 1px solid #eee;">{{ created_at }}</td></tr>
        <tr><td style="padding: 8px; border-bottom: 1px solid #eee; color: #666;">Finished</td><td style="padding: 8px; border-bottom: 1px solid #eee;">{{ finished_at }}</td></tr>
        <tr><td style="padding: 8px; border-bottom: 1px solid #eee; color: #666;">Duration / SLA</td><td style="padding: 8px; border-bottom: 1px solid #eee;">{{ duration }} / {{ completion_window }}</td></tr>
    </table>

    <p style="font-size: 14px;">Completed: <strong>{{ completed_requests }}</strong> | Failed: <strong>{{ failed_requests }}</strong> | Total: <strong>{{ total_requests }}</strong></p>

    <p><a href="{{ dashboard_link }}">View batch in dashboard</a></p>

    <p style="font-size: 12px; color: #888; margin-top: 30px; border-top: 1px solid #eee; padding-top: 15px;">
        You're receiving this because you opted in to batch completion notifications.
        <a href="{{ profile_link }}">Manage notification preferences</a>
    </p>
</body>
</html>
