<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>ระบบสมัครเรียน ONLINE โรงเรียนศรีบุณยานนท์</title>

<link rel="icon"
      href="/img/favicon.ico" type="image/x-icon">

<link rel="stylesheet"
      href="/css/bootstrap/5.3.3/bootstrap.min.css">

<link rel="stylesheet"
      href="/css/bootstrap/1.11.3/bootstrap-icons.min.css">

<!-- noinspection SpellCheckingInspection <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<script xmlns:th="http://www.thymeleaf.org" th:src="@{/js/bootstrap/1.11.5/jquery.dataTables.min.js}"></script>
<link xmlns:th="http://www.thymeleaf.org" th:href="@{/css/bootstrap/5.3.0-alpha1/bootstrap.min.css}" rel="stylesheet">
<link xmlns:th="http://www.thymeleaf.org" th:href="@{/css/bootstrap/5.0.2/bootstrap.min.css}" rel="stylesheet">
<script xmlns:th="http://www.thymeleaf.org" th:src="@{/js/bootstrap/5.3.3}/bootstrap.bundle.min.js"></script>
<script xmlns:th="http://www.thymeleaf.org" th:src="@{/js/bootstrap/5.3.3/bootstrap.min.js}"></script>
<script xmlns:th="http://www.thymeleaf.org" th:src="@{/js/bootstrap/5.3.0-alpha1/bootstrap.bundle.min.js}"></script>-->

<script src="/js/bootstrap/2.11.8/popper.min.js"></script>

<script src="/js/bootstrap/3.6.0/jquery-3.6.0.min.js"></script>

<link rel="stylesheet" href="/css/common.css">
<script src="/js/common.min.js"></script>

<!-- noinspection SpellCheckingInspection -->
<link rel="stylesheet" href="/css/bootstrap-datepicker.css">
<script src="/js/date.p.min.js"></script>

<style>
    .readonly-check.form-check-input:checked {
        background-color: grey;
        border-color: grey;
    }
</style>
    <style>
        body {
            background-color: #f8f9fa;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
        }

        .error-container {
            text-align: center;
            max-width: 500px;
            padding: 30px;
            background: #ffffff;
            border: 1px solid #dee2e6;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .error-code {
            font-size: 72px;
            font-weight: bold;
            color: #dc3545;
        }

        .error-message {
            font-size: 18px;
            color: #6c757d;
        }

        .timer-display {
            font-size: 2rem;
            font-weight: bold;
            text-align: center;
        }
    </style>
</head>
<body>
<div class="error-container">
    <div class="error-code">404</div>
    <h1>Not Found</h1>
    <p>ไม่พบหน้าที่คุณกำลังค้นหา กรุณาตรวจสอบ URL</p>
    <!--    <p th:text="${timestamp}"></p>-->
    <!--    <p th:text="${path}"></p>-->
    <a class="btn btn-purple mt-3" href="/">กลับ ไปหน้าหลัก (<span id="redirect-timer">15</span> วินาที...)</a>
</div>
<script src="/js/error.min.js"></script>
<script></script>
</body>
</html>
