{% extends "email/base.html" %}
{% block content %}
<h2>Overdue Invoice — Immediate Action Required</h2>
<p>Dear {{ contact_name }},</p>

<div class="alert-red">
  <strong>Invoice {{ invoice_number }} is overdue. Please settle this immediately to avoid account suspension.</strong>
</div>

<div class="info-box">
  <div class="row"><span class="label">Invoice Number</span><span class="value">{{ invoice_number }}</span></div>
  <div class="row"><span class="label">Amount</span><span class="value">PHP {{ amount }}</span></div>
  <div class="row"><span class="label">Was Due On</span><span class="value" style="color:#dc2626">{{ due_date }}</span></div>
  <div class="row"><span class="label">Days Overdue</span><span class="value" style="color:#dc2626">{{ days_overdue }} days</span></div>
</div>

<p>If this invoice is not settled within <strong>{{ days_until_suspension }} days</strong>, your TapTrack
account will be automatically suspended. This will disable SMS notifications for your school.</p>

<p><a class="btn" style="background:#dc2626" href="{{ portal_url }}/portal/billing">View &amp; Settle Invoice</a></p>

<p>If you believe this is an error or need to discuss payment arrangements, please contact us
at <a href="mailto:support@taptrack.io">support@taptrack.io</a> immediately.</p>

<p>Thank you,<br><strong>TapTrack Hub Team</strong></p>
{% endblock %}