<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
    xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
    layout:decorate="~{layouts/signin-layout}" lang="ko" xml:lang="ko">
    <head>
        <title>Error</title>
    </head>
    <body class="bg-light">
        <section layout:fragment="content">
            <div class="container min-vh-100 d-flex align-items-center justify-content-center py-5">
                <div class="card border-0 shadow-lg" style="max-width: 500px;">
                    <div class="card-body text-center p-5">
                        <div class="display-1 text-danger mb-4">
                            <i class="bi bi-exclamation-triangle-fill"></i>
                        </div>
                        <h1 class="display-4 fw-bold text-danger mb-4" th:text="${#strings.substring(message, 0, 3)}">500</h1>
                        <h2 class="h4 text-secondary mb-4" th:text="${#strings.substring(message, 4)}">내부 서버 오류</h2>
                        <p class="text-muted mb-4" th:text="${errorMessage}">죄송합니다. 문제가 발생했습니다. 기술팀이 이 문제를 해결하기 위해 노력하고 있습니다.</p>
                        <a href="/" class="btn btn-primary btn-lg d-inline-flex align-items-center">
                            <i class="bi bi-house-door-fill me-2"></i>홈으로 돌아가기
                        </a>
                    </div>
                </div>
            </div>
        </section>
    </body>
</html>