{@args title: String, base: String, cats: [OpinionhubCategoryRow], latest: [OpinionhubTopicRow], member: Bool, login: String}
{@import opinionhub/opinionhub_text}
{@import opinionhub_web/opinionhub_views}
<section class="opinionhub-home">
<header class="opinionhub-head">
  <h1>{title}</h1>
  {if member}
  <a class="opinionhub-button" href={base + "/new"}>New topic</a>
  {else}
  <a class="opinionhub-button opinionhub-button-quiet" href={login}>Sign in to post</a>
  {end}
</header>
<ul class="opinionhub-categories">
  {for c: OpinionhubCategoryRow in cats}
  <li class="opinionhub-category">
    <h2><a href={opinionhub_crow_href c}>{opinionhub_crow_name c}</a></h2>
    <p class="opinionhub-category-description">{opinionhub_crow_description c}</p>
    <p class="opinionhub-category-meta"><span>{opinionhub_plural (opinionhub_crow_topic_count c) "topic" "topics"}</span>{if (str_len (opinionhub_crow_last_when c)) > 0}<span class="opinionhub-sep"> · </span><span>latest <time datetime={opinionhub_crow_last_iso c}>{opinionhub_crow_last_when c}</time></span>{end}</p>
  </li>
  {end}
</ul>
<h2 class="opinionhub-subhead">Latest activity</h2>
{html opinionhub_read_html_rows latest True}
</section>