{% import "templates/emails/macros.html" as utils %}
{% extends "templates/emails/base.html" %}

{% block content %}

<td class="text-base leading-6 text-gray-900">
	<div class="p-8 bg-white">
		<p class="mb-4 font-bold">
			{%- if subject -%}
			{{ subject }}
			{%- else -%}
			支付 {{ amount }} 给 今果 Jingrow 未成功。
			{%- endif -%}
		</p>
		{%- if card_not_added -%}
		<p class="mb-6">
			您尚未为您的 今果 Jingrow 订阅添加信用卡。在您更新账户中的信用卡信息之前，您的站点将被暂停。
		</p>
		{{ utils.button('更新账单设置', account_update_link) }}
		{%- else -%}
		<p class="mb-6">
			我们尝试对您尾号为 <strong>{{ last_4 }}</strong> 的信用卡收取 今果 Jingrow 订阅费用，但未成功。请在您的
			{{ utils.link('账单设置', account_update_link) }}
			中更新信用卡信息，或点击以下链接手动支付。
		</p>
		{{ utils.button('立即支付账单', payment_link) }}
		{%- endif -%}

		{%- if sites -%}
		{{ utils.separator() }}
		<p class="mt-0 mb-2">以下站点已被暂停：</p>
		<ul class="list-disc">
			{%- for site in sites -%}
			<li class="text-sm font-medium">{{ site }}</li>
			{%- endfor -%}
		</ul>
		{%- endif -%}

		{{ utils.separator() }}
		{{ utils.signature() }}
	</div>
</td>

{% endblock %}