{% extends "email/base.html" %}

{% block title %}Payment received: Praxicraft{% endblock %}

{% block hero %}
{% include "email/partials/_hero.html" with hero_variant="success" hero_title=payment_hero_title|default:"Payment received" hero_subtitle=payment_hero_subtitle|default:"Thank you. Your payment is recorded." hero_icon="check-circle.png" hero_accent_icon="smile.png" %}
{% endblock %}

{% block content %}
<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">Hi {{ admin_name }},</p>
<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">
  {% if customer_type == "engineer" %}
    We received your payment for the <strong style="font-weight:700;">{{ plan_name }}</strong> plan.
  {% else %}
    We received payment for <strong style="font-weight:700;">{{ company_name }}</strong>’s
    <strong style="font-weight:700;">{{ plan_name }}</strong> plan.
  {% endif %}
</p>

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom:16px;border-collapse:separate;border-spacing:0;">
  {% include "email/partials/_detail_row.html" with pill_label="PLAN" pill_value=plan_name pill_variant="gray" pill_radius="top" %}
  {% include "email/partials/_detail_row.html" with pill_label="AMOUNT PAID" pill_value=invoice_amount pill_variant="gray" %}
  {% if paid_at %}
  {% include "email/partials/_detail_row.html" with pill_label="DATE PAID" pill_value=paid_at pill_variant="gray" %}
  {% endif %}
  {% include "email/partials/_detail_row.html" with pill_label="PAYMENT METHOD" pill_value=payment_gateway pill_variant="gray" %}
  {% include "email/partials/_detail_row.html" with pill_label="STATUS" pill_value="Paid" pill_variant="success" pill_border="none" pill_radius="bottom" %}
</table>

{% if has_receipt_pdf or receipt_url or hosted_invoice_url %}
<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">
  {% if has_receipt_pdf %}
    Your payment receipt is attached to this email.
    {% if receipt_url or hosted_invoice_url %}
      You can also
      <a href="{{ receipt_url|default:hosted_invoice_url }}" style="color:#0D41FF;text-decoration:none;">view it online</a>.
    {% endif %}
  {% elif receipt_url or hosted_invoice_url %}
    <a href="{{ receipt_url|default:hosted_invoice_url }}" style="color:#0D41FF;text-decoration:none;">View your payment receipt</a>.
  {% endif %}
</p>
{% endif %}

{% include "email/partials/_cta.html" with cta_url=receipt_url|default:hosted_invoice_url|default:billing_url cta_label="View receipt" %}
{% endblock %}