{@args title: String, page: BlogboxPostPage, all: [BlogboxPost], base: String}
{@import blogbox/blogbox_posts/blogbox_post}
{@import blogbox/blogbox_posts/blogbox_posts}
{@import blogbox/blogbox_feed}
<section class="blogbox blogbox-index">
<h1>{title}</h1>
<nav class="blogbox-archive" aria-label="Archive">
{for y: String in blogbox_posts_years all}
<div><h2>{y}</h2><ul>
{for p: BlogboxPost in blogbox_posts_of_year all y}
<li><a href={base + "/" + (blogbox_post_slug p)}>{blogbox_post_title p}</a></li>
{end}
</ul></div>
{end}
</nav>
{if blogbox_post_none (blogbox_post_page_items page)}
<p class="blogbox-empty">No posts yet.</p>
{else}
{for r: BlogboxPost in blogbox_post_page_items page}
<article class="blogbox-teaser" data-n={blogbox_posts_number page r} data-when={blogbox_posts_when page r}>
  <h2><a href={base + "/" + (blogbox_post_slug r)}>{blogbox_post_title r}</a></h2>
  <p class="blogbox-date"><time datetime={blogbox_feed_time (blogbox_post_published_ms r)}>{raw blogbox_date_parts (blogbox_post_published_ms r)}</time></p>
  <p class="blogbox-summary">{raw blogbox_post_teaser_html r base}</p>
  {if (str_len (blogbox_post_cover_html r)) > 0}
  <div class="blogbox-cover">{raw blogbox_post_cover_html r}</div>
  {end}
</article>
{end}
{end}
{if (pi_pages (blogbox_post_page_info page)) > 1}
<nav class="blogbox-pages" aria-label="Pages">
  {if page_has_prev (blogbox_post_page_info page)}
  <a href={base + "?page=" + (int_to_str ((pi_page (blogbox_post_page_info page)) - 1))} rel="prev">Newer posts</a>
  {end}
  <span>Page {int_to_str (pi_page (blogbox_post_page_info page))} of {int_to_str (pi_pages (blogbox_post_page_info page))}</span>
  {if page_has_next (blogbox_post_page_info page)}
  <a href={base + "?page=" + (int_to_str ((pi_page (blogbox_post_page_info page)) + 1))} rel="next">Older posts</a>
  {end}
</nav>
{end}
<p class="blogbox-feed"><a href={base + "/feed.xml"} type="application/atom+xml">Atom feed</a></p>
</section>