<head th:remove="tag">
  <link rel="stylesheet" crossorigin href="/themes/howiehz-higan/assets/1.65.0DgpXC21.css" integrity="sha384-O9Tl0y8i5Q8EAFE41tPTDvZrhK7EH9UyBytB3v+6y7c6zHhEiPiaP7D2EVxdVVmy">
</head>
<body th:remove="tag" th:fragment="body(posts)">
  <div class="pager" th:unless="${isListResult}">
    <a th:href="@{${posts.prevUrl}}" th:if="${posts.hasPrevious()}" th:aria-label="#{common.previousPage.aria-label}">
      <span class="iconify-middle iconify material-symbols--chevron-left"></span>
    </a>
    <span
      class="page-number"
      th:with="totalPage = ${posts.totalPages}"
      th:text="#{common.page-number.text(${posts.page}, ${totalPage})}"
      th:if="${posts.totalPages > 1
               and theme.config?.styles?.is_show_page_number}"
      >Page 1 of 1 填充位</span
    >
    <a th:href="@{${posts.nextUrl}}" th:if="${posts.hasNext()}" th:aria-label="#{common.nextPage.aria-label}">
      <span class="iconify-middle iconify material-symbols--chevron-right"></span>
    </a>
  </div>
  <div
    class="pager"
    th:if="${isListResult}"
    th:with="prevPage = ${posts.page - 1},
             nextPage = ${posts.page + 1}"
  >
    <a
      th:href="@{${prevPage == 1} ? '/' : '/page/' + ${prevPage}}"
      th:if="${posts.hasPrevious()}"
      th:aria-label="#{common.previousPage.aria-label}"
    >
      <span class="iconify-middle iconify material-symbols--chevron-left"></span>
    </a>
    <span
      class="page-number"
      th:with="totalPage=${posts.totalPages}"
      th:text="#{common.page-number.text(${posts.page}, ${totalPage})}"
      th:if="${posts.totalPages > 1
               and theme.config?.styles?.is_show_page_number}"
      >Page 1 of 1 填充位</span
    >
    <a th:href="@{'/page/' + ${nextPage}}" th:if="${posts.hasNext()}" th:aria-label="#{common.nextPage.aria-label}">
      <span class="iconify-middle iconify material-symbols--chevron-right"></span>
    </a>
  </div>
</body>
