% layout 'default';
% title 'Threads List';
% content_for open_graph => begin
  <meta property="og:type" content="website">
  <meta property="og:title" content="<%= title %>">
  <meta property="og:description" content="In UTF-8 we trust. 🫡">
% end
% content_for twitter_card => begin
  <meta name="twitter:title" content="<%= title %>">
  <meta name="twitter:description" content="In UTF-8 we trust. 🫡">
% end
<h2 class="page-title"><%= title %></h2>
<% if (scalar @{$threads}) { =%>
<main class="pager">
  <%= form_for search_page => (class => 'form-body'), begin %>
    <div class="form-field">
      <% if (my $error = validation->error('q')) { =%>
      <p class="field-with-error">Must be between <%= $error->[2] %>
        and <%= $error->[3] %> characters.</p>
    <% } =%>
    <%= label_for search => 'Search' %>
    <%= text_field q => (
        id        => 'search',
        maxlength => 2047,
        minlength => 1,
        required  => undef
    ) %>
    </div>
    <button type="submit" class="form-button">Search</button>
  <% end %>
  <% for my $thread (@{$threads}) { =%>
  <article class="post">
    <h3 class="post__title">
      <span>
        <%= $thread->{'title'} %>
      </span>
      <%= link_to "#$thread->{'id'}", single_thread =>
          {thread_id => $thread->{'id'}}, (class => 'post__id') %>
    </h3>
    <h4 class="post__date"><%= $thread->{'date'} %></h4>
    <h5 class="post__author"><%= $thread->{'author'} %></h5>
    <div class="post__body">
      <%== markdown truncate_text $thread->{'body'} =%>
    </div>
    <nav class="post__nav">
      <%= link_to Remark => post_remark => {thread_id => $thread->{'id'}},
          (class => 'click') %>
      <%= link_to url_for(single_thread => {thread_id => $thread->{'id'}})
          ->fragment('remarks'), (class => 'click'), begin %>
        <%= $thread->{'remark_tally'} %> Remarks
      <% end %>
      <%= link_to bump_thread => {thread_id => $thread->{'id'}},
          (class => 'click'), begin %>
        Bump (<%= $thread->{'bump_tally'} %>)
      <% end %>
      <%= link_to Flag => flag_thread => {thread_id => $thread->{'id'}},
          (class => 'click') %>
    </nav>
  </article>
  <% } =%>
  <% if ($last_page && $last_page != 1) { =%>
  <nav class="pager__nav">
    <%= pagination $this_page, $last_page, ($base_path . '/{page}') %>
  </nav>
  <% } =%>
</main>
<% } =%>