<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Отчёт о занятии</title>
</head>
<body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px;">
<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 30px; text-align: center; border-radius: 10px 10px 0 0;">
<h1 style="color: white; margin: 0;">Teacher Diary</h1>
</div>
<div style="background: #ffffff; padding: 30px; border: 1px solid #e0e0e0; border-top: none; border-radius: 0 0 10px 10px;">
<h2 style="color: #333;">Отчёт о занятии</h2>
<p>Здравствуйте, <strong th:text="${parentName}">Родитель</strong>!</p>
<p>Сегодня у <strong th:text="${childName}">ученика</strong> прошло занятие.</p>
<table style="width: 100%; border-collapse: collapse; margin: 20px 0;">
<tr style="background: #f5f5f5;">
<td style="padding: 10px; border: 1px solid #ddd; font-weight: bold;">Дата</td>
<td style="padding: 10px; border: 1px solid #ddd;" th:text="${lessonDate}">01.01.2026</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #ddd; font-weight: bold;">Тема</td>
<td style="padding: 10px; border: 1px solid #ddd;" th:text="${topic}">Тема урока</td>
</tr>
<tr style="background: #f5f5f5;">
<td style="padding: 10px; border: 1px solid #ddd; font-weight: bold;">Оценка</td>
<td style="padding: 10px; border: 1px solid #ddd;" th:text="${grade}">5</td>
</tr>
</table>
<div style="text-align: center; margin: 30px 0;">
<a th:href="${dashboardLink}"
style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 12px 25px;
text-decoration: none;
border-radius: 5px;
display: inline-block;">
Открыть дневник
</a>
</div>
<hr style="border: none; border-top: 1px solid #e0e0e0; margin: 30px 0;">
<p style="color: #999; font-size: 12px; text-align: center;">
Это автоматическое сообщение. Пожалуйста, не отвечайте на него.
</p>
</div>
</body>
</html>
