PIVOT 1.1.0

templates/pdf_template_leerkracht.html

@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <style>
+        body { 
+            font-family: Helvetica, Arial, sans-serif; 
+            color: #333; 
+            line-height: 1.15; 
+            padding: 10px; 
+            font-size: 11pt;
+        }
+        
+        /* Header met Logo */
+        .header-table {
+            width: 100%;
+            border-bottom: 1px solid #2c3e50;
+            margin-bottom: 10px;
+        }
+        .logo-cell {
+            width: 20%; /* Ruimte voor het logo */
+            vertical-align: middle;
+            text-align: left;
+            padding-bottom: 5px;
+        }
+        .title-cell {
+            width: 80%;
+            vertical-align: middle;
+            text-align: right; /* Titel rechts, logo links */
+            padding-bottom: 5px;
+        }
+        h1 { 
+            font-size: 18pt; 
+            margin: 0;
+        }
+
+        /* Compacte tekst instellingen */
+        p { margin: 4px 0; }
+
+        .account-box { 
+            background: #f2f2f2; 
+            border: 1px solid #ccc; 
+            padding: 8px 12px; 
+            margin: 10px 0; 
+        }
+        .account-box p { margin: 2px 0; }
+
+        .signature-table { 
+            width: 100%; 
+            margin-top: 15px; 
+            border: none; 
+        }
+        .signature-cell { 
+            width: 50%; 
+            vertical-align: top; 
+            border: none; 
+            font-size: 10pt;
+        }
+
+        .footer-text { 
+            margin-top: 10px; 
+            font-style: italic; 
+            font-size: 10pt;
+        }
+    </style>
+</head>
+<body>
+    <table class="header-table">
+        <tr>
+            <td class="logo-cell">
+                <img src="https://lh3.googleusercontent.com/VfGv19vzyZXq4dHmz4eUMZ1Pmyz-vgYq4TcIwlh5zYR7_lur1X0T22CaCTb_u1AlJtksVgDZX_b1gXT0Oz4cxCU7Y-HJchZx3vY=l80-w450-e365" style="height: 60px;">
+            </td>
+            <td class="title-cell">
+                <h1>{{ school_name_short|upper }} Google Account</h1>
+            </td>
+        </tr>
+    </table>
+
+    <div class="content">
+        <p>Beste <strong>{{ naam }}</strong>,</p>
+        
+        <p>Je account voor de schoolomgeving is aangemaakt op {{ datum }}.</p>
+        
+        <div class="account-box">
+            <p><strong>E-mailadres:</strong> {{ email }}</p>
+            <p><strong>Tijdelijk wachtwoord:</strong> {{ wachtwoord }}</p>
+        </div>
+
+        <p>Hiermee kan je gebruikmaken van alle schoolgebonden google toepassingen (Drive, Gmail, Classroom, Agenda...).</p>
+        
+        <p><strong>Let op:</strong> Je zult gevraagd worden om je wachtwoord te wijzigen bij de eerste keer inloggen.</p>
+        
+        <p class="footer-text">Heb je nog vragen, spring gerust binnen of mail me je vraag!</p>
+    </div>
+
+    <p style="margin-top: 15px;">Met vriendelijke groeten,</p>
+
+    <table class="signature-table">
+        <tr>
+            <td class="signature-cell">
+                <strong>K. Verbruggen</strong><br>
+                ICT coördinator<br>
+                <a href="mailto:{{ contact_email }}">{{ contact_email }}</a>
+            </td>
+            <td class="signature-cell">
+                <strong>B. Elewaut</strong><br>
+                Directeur<br>
+                <a href="mailto:directie@kamkersem.be">directie@kamkersem.be</a>
+            </td>
+        </tr>
+    </table>
+</body>
+</html>