<article
  class="devcm-post-card"
  th:fragment="post-card (post, featured)"
  th:classappend="${featured} ? ' devcm-post-card--featured' : ''"
>
  <h2 class="devcm-post-card__title">
    <a th:href="${post.status.permalink}" th:text="${post.spec.title}">Post Title</a>
    <span class="devcm-badge" th:if="${featured}" th:text="#{devcm.post.featured}">FEATURED</span>
  </h2>
  <div class="devcm-post-card__meta">
    <span th:text="${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}">2026-01-01</span>
    <span
      th:if="${post.contributors != null and !#lists.isEmpty(post.contributors)}"
      th:with="contributor = ${post.contributors[0]}"
      th:text="${contributor.displayName}"
    >
      Author
    </span>
    <a
      class="devcm-post-card__tag"
      th:each="tag : ${post.tags}"
      th:href="${tag.status.permalink}"
      th:title="${tag.spec.displayName}"
      th:text="'#' + ${tag.spec.displayName}"
    >
      #tag
    </a>
  </div>
  <p class="devcm-post-card__excerpt" th:text="${post.status.excerpt}">Post excerpt...</p>
  <a class="devcm-read-more" th:href="${post.status.permalink}"
    ><span th:text="#{devcm.post.readMore}">Read more</span> <span aria-hidden="true">→</span></a
  >
</article>
