{% block subject %}[{{ guest.system_company.name }}] Payment Reminder{% endblock %}

{% block content %}
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<style type="text/css">
		body {
			font-family: Arial, sans-serif;
			font-size: 14px;
			color: #333333;
		}

		h1 {
			font-size: 24px;
			font-weight: bold;
			margin: 0 0 20px;
		}

		p {
			margin: 0 0 10px;
		}

		strong {
			font-weight: bold;
		}

		.signature {
			font-style: italic;
			color: #999999;
			margin-top: 20px;
			border-top: 1px solid #cccccc;
			padding-top: 10px;
		}
	</style>
</head>
<body>
	<h1>Invoice Payment Reminder</h1>
	<p>Hello {{ c.first_name }} {{ c.last_name }},</p>
	<p>This is to remind that your invoice <strong>{{ invoice.serie_nr }}</strong> is due in {{ invoice.due_at|daysleft }} days.</p>
    <ul>
        <li><strong>Amount Due:</strong> {{ invoice.total|format_currency(invoice.currency ?? default_currency) }}</li>
        <li><strong>Due Date:</strong>  {{ invoice.due_at|format_date }}</li>
        {% if invoice.orders is defined and invoice.orders|length > 0 %}
            {% for order in invoice.orders %}
                <li><strong>Order ID:</strong> #{{ order.id }}</li>
                {% if order.product_name is defined %}
                    <li><strong>Product:</strong> {{ order.product_name }}</li>
                {% endif %}
                {% if order.expires_at is defined %}
                    <li><strong>Renewal Date:</strong> {{ order.expires_at|format_date }}</li>
                {% endif %}
            {% endfor %}
        {% endif %}
    </ul>

    <p>You may view and pay the invoice <a href='{{ "invoice/#{invoice.hash}"|url(area: 'client') }}' target="_blank">here.</a></p>
    <p>You can also <a href="{{ "invoice/pdf/#{invoice.hash}"|url(area: 'client') }}" target="_blank">download the invoice as a PDF</a>, <a href="{{ 'login'|url(query: { 'email': c.email }, area: 'client') }}" target="_blank">login</a>, or <a href="{{ 'client/profile'|url(area: 'client') }}" target="_blank">edit your profile.</a></p>

	<p class="signature">{{ guest.system_company.signature }}</p>
</body>
</html>
{% endblock %}
