{% extends "email/base.html" %}
{% block content %}
<h2>Invoice {{ invoice_number }}</h2>
<p>Dear {{ contact_name }},</p>
<p>Your invoice for <strong>{{ school_name }}</strong> has been generated for the period
<strong>{{ period_start }}</strong> to <strong>{{ period_end }}</strong>.</p>

<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">Billing Period</span><span class="value">{{ period_start }} — {{ period_end }}</span></div>
  <div class="row"><span class="label">Amount Due</span><span class="value">PHP {{ amount }}</span></div>
  <div class="row"><span class="label">Due Date</span><span class="value">{{ due_date }}</span></div>
</div>

<p>Please log in to your school portal to view and download your invoice.</p>
<p><a class="btn" href="{{ portal_url }}/portal/billing">View Invoice</a></p>

<p>If you have any questions, please contact us at <a href="mailto:support@taptrack.io">support@taptrack.io</a>.</p>
<p>Thank you,<br><strong>TapTrack Hub Team</strong></p>
{% endblock %}