<!DOCTYPE html>
<html lang="ru" xmlns:th="http://www.thymeleaf.org"
th:replace="~{layout/main :: html(pageTitle=${parent.fullName}, activeMenu='parents', content=~{::content}, scripts=~{})}">
<body>
<th:block th:fragment="content">
<div th:if="${success}" class="alert alert-success" th:text="${success}"></div>
<div th:if="${error}" class="alert alert-danger" th:text="${error}"></div>
<div class="row">
<div class="col-lg-8">
<div class="card mb-4">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="mb-0">Информация</h5>
<div>
<a th:href="@{/parents/{id}/edit(id=${parent.id})}" class="btn btn-sm btn-outline-primary">
<i class="bi bi-pencil"></i> Редактировать
</a>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6 mb-3">
<label class="text-muted small">ФИО</label>
<p class="mb-0 fw-medium" th:text="${parent.fullName}"></p>
</div>
<div class="col-md-6 mb-3">
<label class="text-muted small">Статус</label>
<p class="mb-0">
<span th:if="${parent.enabled}" class="badge bg-success">Активен</span>
<span th:unless="${parent.enabled}" class="badge bg-warning">Ожидает регистрации</span>
</p>
</div>
<div class="col-md-6 mb-3">
<label class="text-muted small">Email</label>
<p class="mb-0" th:text="${parent.email}"></p>
</div>
<div class="col-md-6 mb-3">
<label class="text-muted small">Телефон</label>
<p class="mb-0" th:text="${parent.phone}"></p>
</div>
</div>
</div>
</div>
<!-- Дети -->
<div class="card">
<div class="card-header">
<h5 class="mb-0">Дети</h5>
</div>
<div class="card-body" th:if="${children.isEmpty()}">
<p class="text-muted mb-0">Нет привязанных учеников</p>
</div>
<ul class="list-group list-group-flush" th:if="${!children.isEmpty()}">
<li class="list-group-item d-flex justify-content-between align-items-center" th:each="sp : ${children}">
<div>
<a th:href="@{/students/{id}(id=${sp.student.id})}" th:text="${sp.student.fullName}"></a>
<span class="badge bg-secondary ms-2" th:text="${sp.parentType.name()}"></span>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-4">
<!-- Отправка приглашения -->
<div class="card mb-4" th:unless="${parent.enabled}">
<div class="card-body">
<h6>Приглашение</h6>
<p class="small text-muted mb-3">Отправить ссылку для регистрации на email родителя</p>
<form th:action="@{/parents/{id}/send-invite(id=${parent.id})}" method="post">
<button type="submit" class="btn btn-success w-100">
<i class="bi bi-envelope me-1"></i> Отправить приглашение
</button>
</form>
</div>
</div>
<!-- Удаление -->
<div class="card border-danger">
<div class="card-body">
<h6 class="text-danger">Удалить родителя</h6>
<p class="small text-muted mb-3">Это действие нельзя отменить</p>
<form th:action="@{/parents/{id}/delete(id=${parent.id})}" method="post">
<button type="submit" class="btn btn-danger w-100" onclick="return confirm('Удалить родителя?')">
<i class="bi bi-trash me-1"></i> Удалить
</button>
</form>
</div>
</div>
</div>
</div>
</th:block>
</body>
</html>
