<!DOCTYPE html>
<html th:lang="${#locale.language}" th:lang-direction="#{language.direction}" th:language="${#locale.toString()}" xmlns:th="http://www.thymeleaf.org">
  <head>
  <th:block th:insert="~{fragments/common :: head(title='404 - Page Not Found | Oops, we tripped in the code!')}"></th:block>
  </head>

  <body>
    <div id="page-container">
      <div id="content-wrap">
        <th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block>
        <div th:insert="~{fragments/errorBanner.html :: errorBanner}"></div>
        <div class="container">
          <div id="support-section">
            <h1 class="display-2">Oops!</h1>
            <p class="lead" th:if="${param.status == '404'}">
              We can't seem to find the page you're looking for.
            </p>
            <p class="lead" th:unless="${param.status == '404'}">
              Something went wrong
            </p>
            <br>
            <h2>Need help / Found a issue?</h2>
            <p>
              If you're still having trouble, don't hesitate to reach out to us
              for help. You can submit a ticket on our GitHub page or contact us
              through Discord:
            </p>
            <div id="button-group">
              <a href="https://github.com/Stirling-Tools/Stirling-PDF/issues" id="github-button" target="_blank">Submit a ticket on GitHub</a>
              <a href="https://discord.gg/Cn8pWhQRxZ" id="discord-button" target="_blank">Join our Discord server</a>
            </div>
            <a href="/" id="home-button">Go back to homepage</a>
          </div>
        </div>
      </div>
      <th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
    </div>
  </body>
</html>
