<!DOCTYPE html>
<html lang="en"
      class="h-100"
>
<head>
  <!-- Required meta tags -->
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <title>Mshare - ERROR</title>
  <!-- Font Awesome CSS -->
  <link rel="stylesheet" href="/css/fontawesome/all.css"/>
  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="/css/bootstrap/bootstrap.min.css"/>
  <link rel="stylesheet" href="/css/bootstrap/bootstrap-icons.min.css"/>
  <!-- Custom CSS -->
  <link rel="stylesheet" href="/css/shared/base.css"/>
  <link rel="stylesheet" href="/css/shared/common.css"/>
  <link rel="stylesheet" href="/css/shared/color-mode.css"/>
  
  <link rel="stylesheet" href="/css/public/error.css" />
</head>
<body id="page-top" class="d-flex flex-column h-100">
  <nav id="navbar" class="navbar navbar-expand-lg fixed-top py-0">
  <div class="container">
    <a class="navbar-brand py-0" href="#">
      <img src="/images/system/icon.png" alt="Bootstrap" width="60" height="60">
    </a>
    <button class="navbar-toggler"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent"
            aria-expanded="false"
            aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav d-flex w-100 justify-content-end align-items-center">
        <li class="nav-item">
          <a class="nav-link" aria-current="page" href="/">Trang chủ</a>
        </li>
<!--        <li class="nav-item">-->
<!--          <a class="nav-link" th:href="@{/request-movie}">Yêu cầu phim</a>-->
<!--        </li>-->
        <li class="nav-item">
          <a class="nav-link" href="/notification">Thông báo</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/">Nhóm</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="javascript:void(0)" onclick="javascript:openModal(&#39;contactModal&#39;)">Liên hệ</a>
        </li>
        <li class="nav-item">
          <a class="nav-link icon-menu" href="/threads">
            <i class="bi bi-search"></i>
          </a>
        </li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle icon-menu" href="javascript:void(0)" role="button" data-bs-toggle="dropdown" aria-expanded="false">
            <i class="bi bi-person-fill"></i>
          </a>
          <ul class="dropdown-menu dropdown-menu-end">
            <li><a class="dropdown-item" href="/login">Đăng nhập</a></li>
            <li><a class="dropdown-item" href="/register">Đăng ký</a></li>
          </ul>
        </li>
        
<!--        <li class="nav-item dropdown">-->
<!--          <a class="nav-link dropdown-toggle icon-menu" href="javascript:void(0)" role="button" data-bs-toggle="dropdown" aria-expanded="false">-->
<!--            <i class="bi bi-translate"></i>-->
<!--          </a>-->
<!--          <ul class="dropdown-menu dropdown-menu-end">-->
<!--            <li>-->
<!--              <a class="dropdown-item pressed" th:href="@{/}">-->
<!--                Tiếng Việt-->
<!--                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-check-lg" viewBox="0 0 16 16">-->
<!--                  <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>-->
<!--                </svg>-->
<!--              </a>-->
<!--            </li>-->
<!--            <li><a class="dropdown-item" href="#">English</a></li>-->
<!--          </ul>-->
<!--        </li>-->
<!--        <li class="nav-item dropdown">-->
<!--          <a class="nav-link dropdown-toggle icon-menu" id="icon" href="javascript:void(0)" role="button" data-bs-toggle="dropdown" aria-expanded="false">-->
<!--            <i class="bi bi-moon-stars-fill"></i>-->
<!--          </a>-->
<!--          <ul class="dropdown-menu dropdown-menu-end">-->
<!--            <li>-->
<!--              <a class="dropdown-item" href="javascript:void(0)" onclick="getTheme('light')" theme-value="light">-->
<!--                <i class="bi bi-brightness-high-fill me-2"></i>Sáng-->
<!--                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-check-lg" viewBox="0 0 16 16">-->
<!--                  <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>-->
<!--                </svg>-->
<!--              </a>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a class="dropdown-item" href="javascript:void(0)" onclick="getTheme('dark')" theme-value="dark">-->
<!--                <i class="bi bi-moon-stars-fill me-2"></i>Tối-->
<!--                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-check-lg" viewBox="0 0 16 16">-->
<!--                  <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>-->
<!--                </svg>-->
<!--              </a>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a class="dropdown-item" href="javascript:void(0)" onclick="getTheme('auto')" theme-value="auto">-->
<!--                <i class="bi bi-circle-half me-2"></i>Tự động-->
<!--                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-check-lg" viewBox="0 0 16 16">-->
<!--                  <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>-->
<!--                </svg>-->
<!--              </a>-->
<!--            </li>-->
<!--          </ul>-->
<!--        </li>-->
      </ul>
    </div>
  </div>
</nav>

  
  <div id="intro">
    <div class="middle error">
      <div class="error-panel">
        <div class="text-center">
          <div class="mb-4">
            <p class="status-code">500</p>
          </div>
          <h4>Trang yêu cầu không tìm thấy!</h4>
          <p class="description">Chuyển về trang chủ sau <span id="countdown">10</span> giây</p>
          <div class="d-flex justify-content-center">
            <a href="/" type="button" class="btn btn-large text-danger-emphasis bg-danger-subtle fw-medium m-0">
              <i class="fas fa-home fa-fw me-1"></i>Trang chủ
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div id="loading-spinner" class="loader-container" style="display: none;">
  <div class="loader">
    <div class="d-flex justify-content-center">
      <div class="spinner-border spinner-color" role="status" style="width: 3rem; height: 3rem;">
      </div>
    </div>
  </div>
</div>
  <footer class="mt-auto">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <ul class="list-inline mb-0">
          <li class="list-inline-item dropdown">
            <a id="weather" class="nav-link dropdown-toggle ps-0" href="javascript:void(0)" role="button" data-bs-toggle="dropdown" aria-expanded="false"></a>
            <ul class="dropdown-menu dropdown-menu-end">
              <li><a class="dropdown-item" href="javascript:void(0)" onclick="getWeatherInfo('HaNoi')">Hà Nội</a></li>
              <li><a class="dropdown-item" href="javascript:void(0)" onclick="getWeatherInfo('Ho_Chi_Minh')">Hồ Chí Minh</a></li>
              <li><a class="dropdown-item" href="javascript:void(0)" onclick="getWeatherInfo('Bangkok')">Bangkok</a></li>
              <li><a class="dropdown-item" href="javascript:void(0)" onclick="getWeatherInfo('Tokyo')">Tokyo</a></li>
            </ul>
          </li>
        </ul>
      </div>
      <div class="col-md-6 text-md-end">
        <ul class="list-inline mb-0">
          <li class="list-inline-item"><a class="nav-link" href="#">Copyright © 2025 ANEST</a></li>
        </ul>
      </div>
    </div>
  </div>
</footer>

  <!-- Create Thread Button -->
  

  <!-- SCROLL -->
  <a class="btn-scroll btn-scroll-to-top bg-secondary-subtle text-secondary-emphasis border border-secondary-subtle"
     href="#page-top">
    <i class="bi bi-arrow-up"></i>
  </a>
  <a class="btn-scroll btn-scroll-to-bot bg-secondary-subtle text-secondary-emphasis border border-secondary-subtle"
     href="javascript:void(0)"
     onclick="javascript:scrollToBottom()">
    <i class="bi bi-arrow-down"></i>
  </a>

  
  <div class="modal fade"
     id="contactModal"
     tabindex="-1"
     aria-labelledby="contactModalLabel"
     aria-hidden="true"
>
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Thông tin liên hệ</h4>
      </div>
      <div class="modal-body py-0">
        <section id="user-change-password">
          <form class="panel py-1">
            <div class="d-flex justify-content-between panel-content">
              <div>Họ và tên</div>
              <div>Tuấn Anh</div>
            </div>
            <div class="d-flex justify-content-between panel-content">
              <div>Telegram</div>
              <div>@anhdt0407</div>
            </div>
            <div class="d-flex justify-content-between panel-content">
              <div>Số điện thoại / Zalo</div>
              <div>0973 876 107</div>
            </div>
          </form>
        </section>
      </div>
      <div class="modal-footer">
        <a href="javascript:void(0)" class="btn bg-secondary-subtle text-secondary-emphasis border border-secondary-subtle mx-0" data-bs-dismiss="modal">
          <i class="bi bi-x" style="font-size: 30px"></i>Đóng&nbsp;
        </a>
      </div>
    </div>
  </div>
</div>
  

  <div class="position-fixed end-0 me-4" style="z-index: 9999; top: 85px !important;">
  <div id="toast-error" class="toast align-items-center text-white bg-danger border-0" role="alert"
       aria-live="assertive" aria-atomic="true" data-bs-delay="5000">
    <div class="d-flex">
      <div class="toast-body" id="toast-error-content">
        Content
      </div>
      <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
              aria-label="Close"></button>
    </div>
  </div>
</div>
  <div class="position-fixed end-0 me-4" style="z-index: 9999; top: 85px !important;">
  <div id="toast-success" class="toast align-items-center text-white bg-success border-0" role="alert"
       aria-live="assertive" aria-atomic="true" data-bs-delay="5000">
    <div class="d-flex">
      <div class="toast-body" id="toast-success-content">
        Content
      </div>
      <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
              aria-label="Close"></button>
    </div>
  </div>
</div>

  <script src="/js/bootstrap/bootstrap.bundle.min.js"></script>
  <script src="/js/public/shared/common.js"></script>
  <script src="/js/public/shared/color-mode.js"></script>
  <script src="/js/public/shared/weather.js"></script>
  
  <script src="/js/public/shared/error.js"></script>

</body>
</html>