37 lines
2.1 KiB
HTML
37 lines
2.1 KiB
HTML
<!doctype html>
|
|
<html lang="nl">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Offerte {{ qt.number }}{% if c %} · {{ c.name }}{% endif %}</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Kantumruy+Pro:wght@500;600&family=Mukta:wght@400;600&display=swap" rel="stylesheet">
|
|
<style>
|
|
@page { size: A4; margin: 16mm 15mm; }
|
|
* { box-sizing: border-box; }
|
|
body { margin: 0; font-family: "Mukta", system-ui, sans-serif; color: #212121; font-size: 14px; line-height: 1.55; background: #f0f1ec; font-variant-numeric: lining-nums tabular-nums; }
|
|
.bar { position: sticky; top: 0; z-index: 1; background: #fff; border-bottom: 1px solid rgba(0,0,0,.08); padding: 12px 16px; display: flex; gap: 12px; justify-content: center; align-items: center; flex-wrap: wrap; }
|
|
.bar a { color: #b95913; font-weight: 600; text-decoration: none; }
|
|
.btn { font: 600 15px/1 "Mukta", sans-serif; padding: 12px 22px; border-radius: 50px; border: 1px solid #b95913; background: #b95913; color: #fff; cursor: pointer; }
|
|
.btn.ghost { background: #fff; color: #b95913; border-color: rgba(185,89,19,.35); }
|
|
@media print {
|
|
body { background: #fff; }
|
|
.bar { display: none; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="bar">
|
|
<a href="{{ url_for('portal_home') }}">← Terug naar het portaal</a>
|
|
{% if qt.status == 'verzonden' %}
|
|
<form method="post" action="{{ url_for('portal_quote_answer', qid=qt.id, choice='accept') }}" onsubmit="return confirm('Wilt u deze offerte accepteren?')"><button class="btn">Offerte accepteren</button></form>
|
|
<form method="post" action="{{ url_for('portal_quote_answer', qid=qt.id, choice='decline') }}"><button class="btn ghost">Afwijzen</button></form>
|
|
{% endif %}
|
|
<button class="btn {{ 'ghost' if qt.status == 'verzonden' }}" onclick="window.print()">Afdrukken / opslaan als PDF</button>
|
|
</div>
|
|
|
|
{% include '_quote_doc.html' %}
|
|
</body>
|
|
</html>
|