You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
1.8 KiB
80 lines
1.8 KiB
<!doctype html> |
|
<html> |
|
<head> |
|
<title>Invoices</title> |
|
<style> |
|
.status-badge { |
|
display: inline-block; |
|
padding: 3px 8px; |
|
border-radius: 999px; |
|
font-size: 12px; |
|
font-weight: bold; |
|
text-transform: uppercase; |
|
letter-spacing: 0.03em; |
|
} |
|
.status-draft { background: #e5e7eb; color: #111827; } |
|
.status-pending { background: #dbeafe; color: #1d4ed8; } |
|
.status-partial { background: #fef3c7; color: #92400e; } |
|
.status-paid { background: #dcfce7; color: #166534; } |
|
.status-overdue { background: #fee2e2; color: #991b1b; } |
|
.status-cancelled { background: #e5e7eb; color: #4b5563; } |
|
|
|
.locked-note { |
|
color: #92400e; |
|
font-weight: bold; |
|
} |
|
</style> |
|
</head> |
|
|
|
<body> |
|
|
|
<h1>Invoices</h1> |
|
|
|
<p><a href="/">Home</a></p> |
|
<p><a href="/invoices/new">Create Invoice</a></p> |
|
|
|
<table border="1" cellpadding="6"> |
|
<tr> |
|
<th>ID</th> |
|
<th>Invoice</th> |
|
<th>Client</th> |
|
<th>Currency</th> |
|
<th>Total</th> |
|
<th>Paid</th> |
|
<th>Remaining</th> |
|
<th>Status</th> |
|
<th>Issued</th> |
|
<th>Due</th> |
|
<th>Actions</th> |
|
</tr> |
|
|
|
{% for i in invoices %} |
|
<tr> |
|
<td>{{ i.id }}</td> |
|
<td>{{ i.invoice_number }}</td> |
|
<td>{{ i.client_code }} - {{ i.company_name }}</td> |
|
<td>{{ i.currency_code }}</td> |
|
<td>{{ i.total_amount|money(i.currency_code) }}</td> |
|
<td>{{ i.amount_paid|money(i.currency_code) }}</td> |
|
<td>{{ (i.total_amount - i.amount_paid)|money(i.currency_code) }}</td> |
|
<td> |
|
<span class="status-badge status-{{ i.status }}">{{ i.status }}</span> |
|
</td> |
|
<td>{{ i.issued_at|localtime }}</td> |
|
<td>{{ i.due_at|localtime }}</td> |
|
<td> |
|
<a href="/invoices/view/{{ i.id }}">View</a> | |
|
<a href="/invoices/pdf/{{ i.id }}">PDF</a> | |
|
<a href="/invoices/edit/{{ i.id }}">Edit</a> |
|
{% if i.payment_count > 0 %} |
|
<span class="locked-note">(Locked)</span> |
|
{% endif %} |
|
</td> |
|
</tr> |
|
{% endfor %} |
|
|
|
</table> |
|
|
|
{% include "footer.html" %} |
|
</body> |
|
</html>
|
|
|