From 65b4a9e54a5bc5c1d1480fd4b9255addf73628e4 Mon Sep 17 00:00:00 2001
From: s-choi <choi-suyeong@iij.ad.jp>
Date: Tue, 29 Sep 2026 15:09:08 +0900
Subject: [PATCH] =?UTF-8?q?[EDIT]=20=E3=82=B3=E3=83=BC=E3=82=B9=E5=89=8A?=
 =?UTF-8?q?=E9=99=A4=E6=A9=9F=E8=83=BD=E3=82=92=E8=BF=BD=E5=8A=A0=E3=81=97?=
 =?UTF-8?q?=E3=81=BE=E3=81=97=E3=81=9F=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resources/templates/select_course.html    | 42 ++++++++++++++++++-
 1 file changed, 40 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/templates/select_course.html b/src/main/resources/templates/select_course.html
index 635e154..411964b 100644
--- a/src/main/resources/templates/select_course.html
+++ b/src/main/resources/templates/select_course.html
@@ -17,9 +17,8 @@
 			<button type="submit">新規登録</button>
 		</form>
 
-
 	</th:block>
-	<form th:action="${mode == 'regist'} ? @{/user/register/return}: @{/change}" method="post">
+	<form th:action="${mode == 'regist'} ? @{/user/register/return}: @{/change}" id="totalForm" method="post">
 		<button type="submit" class="btn btn-primary w-100">確定</button>
 
 		<div class="accordion" id="accordionExample">
@@ -32,6 +31,8 @@
 						aria-controls="'collapse' + ${course.courseId}">
 						<span th:text="${course.courseName}"></span>
 					</button>
+					<p style="width: 120px;"><button type="button" class="btn btn-danger w-100"
+							th:attr="data-course-id=${course.courseId}" onclick="deleteCourse(this)">削除</button></p>
 				</h2>
 				<div th:id="'collapse' + ${course.courseId}" class="accordion-collapse collapse"
 					data-bs-parent="#accordionExample" style="padding-bottom: 120px;">
@@ -58,6 +59,43 @@
 		<div th:replace="~{footer :: footer}"></div>
 	</th:block>
 
+	<script th:inline="javascript">
+
+		const message = /*[[${message}]]*/ null;
+
+		if (message != null) {
+			alert(message);
+		}
+
+		function deleteCourse(button) {
+
+			const courseId = button.dataset.courseId;
+
+			const totalForm = document.getElementById("totalForm");
+
+			const input = document.createElement("input");
+
+			const radioButtons = totalForm.querySelectorAll('input[name="courseId"]');
+			radioButtons.forEach(radio => {
+				radio.disabled = true;
+			});
+
+			input.type = "hidden";
+			input.name = "courseId";
+			input.value = courseId;
+
+			totalForm.appendChild(input);
+
+			totalForm.action = "/course/delete";
+			totalForm.method = "post";
+			courseId.value = courseId;
+
+			totalForm.submit();
+		}
+
+
+	</script>
+
 	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"></script>
 </body>