<!DOCTYPE html>
<html lang="ru" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{default}">

<head>
    <title>Редактировать новость</title>
</head>

<body>
    <main layout:fragment="content">
        <form action="#" th:action="@{/news/edit/{id}(id=${news.id},(page=${page}))}" th:object="${news}" method="post">
            <div class="mb-3">
                <label for="id" class="form-label">ID</label>
                <input type="text" th:value="*{id}" id="id" class="form-control" readonly disabled>
            </div>
            <div class="mb-3">
                <label for="name" class="form-label">Заголовок</label>
                <input type="text" th:field="*{name}" id="name" class="form-control">
                <div th:if="${#fields.hasErrors('name')}" th:errors="*{name}" class="invalid-feedback"></div>
            </div>
            <div class="mb-3">
                <label for="description" class="form-label">Описание</label>
                <input type="text" th:field="*{description}" id="description" class="form-control">
                <div th:if="${#fields.hasErrors('description')}" th:errors="*{description}" class="invalid-feedback">
                </div>
            </div>
            <div class="mb-3">
                <label for="date" class="form-label">Дата</label>
                <input type="date" th:field="*{date}" id="date" class="form-control">
                <div th:if="${#fields.hasErrors('date')}" th:errors="*{date}" class="invalid-feedback">
                </div>
            </div>
            <div class="mb-3">
                <label for="departmentId" class="form-label">Кафедра</label>
                <select th:field="*{departmentId}" id="departmentId" class="form-control">
                    <option th:if="*{departmentId} == null" value="">Выберите кафедру</option>
                    <option th:unless="*{departmentId} == null" th:value="*{departmentId}" th:text="*{name}"></option>
                    <option th:each=" department : ${departments}" th:value="${department.id}"
                        th:text="${department.name}" th:selected="*{departmentId} == ${department.id}">
                    </option>
                </select>
                <div th:if="${#fields.hasErrors('departmentId')}" th:errors="*{departmentId}" class="invalid-feedback">
                </div>
            </div>
            <div class="mb-3 d-flex flex-row">
                <button class="btn btn-primary me-2 button-fixed-width" type="submit">Сохранить</button>
                <a class="btn btn-secondary button-fixed-width" href="/news">Отмена</a>
            </div>
        </form>
    </main>
</body>

</html>