{@args forum: String, forum_href: String, name: String, description: String, rows: [OpinionhubTopicRow], page: PageInfo, here: String, member: Bool, new_href: String, login: String}
{@import opinionhub_web/opinionhub_views}
<section class="opinionhub-category-page">
<nav class="opinionhub-crumbs" aria-label="Breadcrumb"><a href={forum_href}>{forum}</a></nav>
<header class="opinionhub-head">
  <div>
    <h1>{name}</h1>
    <p class="opinionhub-lede">{description}</p>
  </div>
  {if member}
  <a class="opinionhub-button" href={new_href}>New topic</a>
  {else}
  <a class="opinionhub-button opinionhub-button-quiet" href={login}>Sign in to post</a>
  {end}
</header>
{html opinionhub_read_html_rows rows False}
{if (pi_pages page) > 1}
<nav class="opinionhub-pages" aria-label="Pages">
  {if page_has_prev page}
  <a href={opinionhub_page_href here ((pi_page page) - 1)} rel="prev">Newer topics</a>
  {end}
  <span>Page {int_to_str (pi_page page)} of {int_to_str (pi_pages page)}</span>
  {if page_has_next page}
  <a href={opinionhub_page_href here ((pi_page page) + 1)} rel="next">Older topics</a>
  {end}
</nav>
{end}
</section>