<!DOCTYPE html>
<html lang="ru" xmlns:th="http://www.thymeleaf.org"
th:replace="~{layout/main :: html(pageTitle='Родители', activeMenu='parents', content=~{::content}, scripts=~{})}">
<body>
<th:block th:fragment="content">
<div class="d-flex justify-content-between align-items-center mb-4">
<div>
<span class="text-muted" th:text="'Всего: ' + ${parents.size()}"></span>
</div>
<a th:href="@{/parents/new}" class="btn btn-primary">
<i class="bi bi-plus-lg me-1"></i> Добавить родителя
</a>
</div>
<div th:if="${success}" class="alert alert-success" th:text="${success}"></div>
<div class="card">
<div class="table-responsive" th:if="${!parents.isEmpty()}">
<table class="table table-hover mb-0">
<thead>
<tr>
<th>ФИО</th>
<th>Email</th>
<th>Телефон</th>
<th>Детей</th>
<th>Статус</th>
<th width="100"></th>
</tr>
</thead>
<tbody>
<tr th:each="parent : ${parents}">
<td>
<a th:href="@{/parents/{id}(id=${parent.id})}" class="fw-medium text-decoration-none" th:text="${parent.fullName}"></a>
</td>
<td th:text="${parent.email}"></td>
<td th:text="${parent.phone}"></td>
<td><span class="badge bg-info" th:text="${parent.childrenCount}"></span></td>
<td>
<span th:if="${parent.activated}" class="badge bg-success">Активен</span>
<span th:unless="${parent.activated}" class="badge bg-warning">Не активен</span>
</td>
<td>
<a th:href="@{/parents/{id}(id=${parent.id})}" class="btn btn-sm btn-outline-primary">
<i class="bi bi-eye"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div th:if="${parents.isEmpty()}" class="card-body text-center py-5">
<i class="bi bi-person-hearts text-muted" style="font-size: 48px;"></i>
<p class="text-muted mt-3 mb-0">Родителей пока нет</p>
<a th:href="@{/parents/new}" class="btn btn-primary mt-3">Добавить первого родителя</a>
</div>
</div>
</th:block>
</body>
</html>
