{% extends "emails/base_email.html" %}

{% block title %}{{ subject }}{% endblock %}

{% block content %}
<p style="margin:0 0 16px;color:#e0e0e0;">Hello {{ customer_name }},</p>
{% if kind == "subscription" %}
<p style="margin:0 0 16px;color:#e0e0e0;">Please complete checkout to start your recurring payment:</p>
{% else %}
<p style="margin:0 0 16px;color:#e0e0e0;">You have a new invoice ready for payment:</p>
{% endif %}
<p style="margin:0 0 8px;color:#e0e0e0;"><strong>{{ description }}</strong></p>
<p class="amount" style="font-size:22px;font-weight:700;color:#00f3ff;margin:12px 0;">${{ amount_dollars }} USD</p>
<p style="margin:24px 0;">
  <a class="email-btn" href="{{ pay_url }}" style="display:inline-block;padding:14px 28px;background-color:#00f3ff;color:#0a0a0a !important;text-decoration:none;border-radius:30px;font-weight:700;font-size:14px;letter-spacing:0.5px;text-transform:uppercase;">
    {% if kind == "subscription" %}Complete checkout{% else %}Pay invoice{% endif %}
  </a>
</p>
<p class="muted" style="color:#a0a0a0;font-size:13px;line-height:1.5;margin:0 0 16px;">
  Or open this link:<br>
  <a href="{{ pay_url }}" style="color:#00f3ff;word-break:break-all;">{{ pay_url }}</a>
</p>
<p style="margin:0;color:#e0e0e0;">Thank you,<br>{{ brand_legal|default:"AI ML Operations, LLC" }}</p>
{% endblock %}

{% block footer_note %}This is an automated message. Please do not reply to this email.{% endblock %}