<!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="${userName}">Пользователь</strong>!</p>
<p>Вы запросили восстановление пароля для вашего аккаунта в Teacher Diary.</p>
<p>Нажмите на кнопку ниже, чтобы создать новый пароль:</p>
<div style="text-align: center; margin: 30px 0;">
<a th:href="${resetLink}"
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;">
Ссылка действительна в течение <strong th:text="${expiryHours}">24</strong> часов.
</p>
<p style="color: #666; font-size: 14px;">
Если вы не запрашивали сброс пароля, просто проигнорируйте это письмо.
</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>