<!DOCTYPE html>
<html
  xmlns:th="https://www.thymeleaf.org"
  th:replace="~{modules/layout :: html(title = |${singlePage.spec.title} - ${site.title}|, pageType = 'page', terminalUserName = ${singlePage != null and singlePage.owner != null and !#strings.isEmpty(singlePage.owner.name) ? singlePage.owner.name : 'admin'}, content = ~{::content})}"
>
  <th:block th:fragment="content">
    <article class="devcm-editor-window devcm-article">
      <div class="devcm-editor-tabs">
        <div class="devcm-editor-tab devcm-editor-tab--active">
          <span th:text="${singlePage.spec.title} + '.md'">page.md</span>
          <a
            class="devcm-editor-tab__close"
            href="/"
            th:aria-label="#{devcm.action.closePageTab}"
            th:title="#{devcm.action.closePageTab}"
            >×</a
          >
        </div>
      </div>
      <div class="devcm-editor-body devcm-article-content">
        <h1 class="devcm-article-title" th:text="${singlePage.spec.title}">Page Title</h1>
        <div class="devcm-article-meta">
          <span th:text="${#dates.format(singlePage.spec.publishTime,'yyyy-MM-dd')}">publishTime</span>
          <span th:text="${singlePage.owner.displayName}">Author</span>
        </div>
        <div th:utext="${singlePage.content.content}">Page Content</div>
      </div>
    </article>

    <section class="comment-wrap devcm-comments" x-data="themeComment()" x-init="init()" th:if="${haloCommentEnabled}">
      <div class="devcm-comment-titlebar">
        <span class="devcm-window-dot"></span>
        <span class="devcm-window-dot"></span>
        <span class="devcm-window-dot"></span>
        <strong th:text="#{devcm.comments.file}">comments.log</strong>
      </div>
      <div class="devcm-comment-body">
        <h2 th:text="#{devcm.comments.title}">## Comments</h2>
        <halo:comment
          group="content.halo.run"
          kind="SinglePage"
          th:attr="name=${singlePage.metadata.name}"
          colorScheme="localStorage.getItem('theme')"
        />
      </div>
    </section>
  </th:block>
</html>
