alro65
35d460b127
Multi-tenant marine invoicing system: Stripe payments, PDF generation, digital signatures, QR codes, SMTP email, bilingual templates. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
43 lines
2.1 KiB
HTML
43 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Payment {{ 'Already Received' if already_paid else 'Successful' }}</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
|
|
<style>
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body { font-family: 'DM Sans', sans-serif; background: #f0f4f8; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; }
|
|
.card { background: white; border-radius: 20px; padding: 48px 40px; max-width: 440px; width: 100%; box-shadow: 0 8px 40px rgba(0,0,0,0.12); text-align: center; }
|
|
.icon { font-size: 64px; margin-bottom: 20px; }
|
|
.title { font-size: 26px; font-weight: 700; color: #0a1628; margin-bottom: 8px; }
|
|
.sub { font-size: 15px; color: #8892a4; margin-bottom: 28px; line-height: 1.5; }
|
|
.detail { background: #f8fafc; border-radius: 12px; padding: 20px; margin-bottom: 24px; text-align: left; }
|
|
.detail-row { display: flex; justify-content: space-between; font-size: 14px; padding: 6px 0; color: #555; }
|
|
.detail-row strong { color: #0a1628; }
|
|
.amount { font-size: 32px; font-weight: 700; color: #2ecc71; margin: 16px 0; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="card">
|
|
{% if already_paid %}
|
|
<div class="icon">✅</div>
|
|
<div class="title">Already Paid</div>
|
|
<div class="sub">This invoice has already been paid. Thank you!</div>
|
|
{% else %}
|
|
<div class="icon">🎉</div>
|
|
<div class="title">Payment Successful!</div>
|
|
<div class="sub">Thank you for your payment. A receipt has been sent to your email.</div>
|
|
{% endif %}
|
|
|
|
<div class="detail">
|
|
<div class="detail-row"><span>Invoice</span><strong>{{ doc.number }}</strong></div>
|
|
<div class="detail-row"><span>Company</span><strong>{{ company.name if company else '—' }}</strong></div>
|
|
<div class="detail-row"><span>Amount</span><strong style="color:#2ecc71;">${{ "%.2f"|format(doc.total) }}</strong></div>
|
|
</div>
|
|
|
|
<div style="font-size:12px;color:#aaa;">You may close this window.</div>
|
|
</div>
|
|
</body>
|
|
</html>
|