v0.0.4: e-mailtemplates met velden ({voornaam}, {model}, {afzender}…), te kiezen bij nieuwe e-mail, antwoord en contact; inbox met nieuwe e-mail, doorsturen, CC en bijlagen, Verzonden, Archief, zoeken, als ongelezen markeren en alles gelezen; agenda per gebruiker met CalDAV (/dav/, app-wachtwoord in Mijn account); zoeken en Nieuw in de bovenbalk; e-mailinstellingen met voorinstellingen (OVHcloud, Gmail), beveiliging per server, kopie in Verzonden en verbindingstest; offerte in het klantportaal

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

templates/bestek.html

@@ -1,18 +1,12 @@
-<!doctype html>
-<html lang="nl">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
+{% extends 'base.html' %}
+{% block head %}
   {# De engine haalt kosten/*.csv en assets/ relatief op: base = de gekopieerde configurator. Alle CRM-links zijn absoluut. #}
   <base href="{{ url_for('static', filename='configurator/') }}">
-  <title>Bestek · Offerte {{ qt.number }} · Van Emous CRM</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;800&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-  <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+{% endblock %}
+{% block title %}Bestek · Offerte {{ qt.number }}{% endblock %}
+{% block styles %}
   <style>
-    .content { margin: 0 auto; max-width: 980px; }
+    .bestek-page { max-width: 980px; }
     .bs-ch { margin-bottom: 1.5rem; }
     .bs-ch-head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; border-bottom: 2px solid var(--ink); padding-bottom: 0.3rem; margin-bottom: 0.25rem; }
     .bs-ch-head h2 { margin: 0; font-size: 1.1rem; }
@@ -28,9 +22,9 @@
     .bs-opts .form-check { margin-bottom: 0.4rem; }
     @media (max-width: 640px) { .bs-ch td.num { width: auto; } }
   </style>
-</head>
-<body>
-<main class="content">
+{% endblock %}
+{% block content %}
+<div class="bestek-page">
   <div class="head">
     <div>
       <a class="label" href="{{ url_for('quote_edit', qid=qt.id) }}">← Offerte {{ qt.number }}</a>
@@ -68,12 +62,13 @@
         <a class="btn btn-outline-secondary" href="{{ url_for('quote_edit', qid=qt.id) }}">Annuleren</a></div>
     </div></form>
   </div>
-</main>
+</div>
+{% endblock %}
+{% block scripts %}
 {% if engine %}
 <script type="application/json" id="design">{{ design|tojson }}</script>
 <script type="application/json" id="bestek-meta">{{ {'design': {'file_id': design_file.id, 'title': design_file.title}, 'configurator': design.get('configurator') or ''}|tojson }}</script>
 {% for src in scripts %}<script src="{{ src }}"></script>
 {% endfor %}<script src="{{ url_for('static', filename='bestek.js') }}"></script>
 {% endif %}
-</body>
-</html>
+{% endblock %}