<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Приглашение в Teacher Diary</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="${teacherName}">Преподаватель</strong> приглашает вас
присоединиться к платформе Teacher Diary для отслеживания успеваемости вашего ребёнка.</p>
<p>Вы сможете:</p>
<ul>
<li>Видеть темы пройденных занятий</li>
<li>Отслеживать оценки и посещаемость</li>
<li>Получать уведомления о занятиях</li>
</ul>
<div style="text-align: center; margin: 30px 0;">
<a th:href="${inviteLink}"
style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
display: inline-block;">
Создать аккаунт
</a>
</div>
<p style="color: #666; font-size: 14px;">
После регистрации вы сможете входить в систему, используя ваш email и пароль.
</p>
<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>
