<!DOCTYPE html>
<html lang="en">
<head>
  <title>Post::Text - <%= title %></title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="manifest" href="/site.webmanifest">
  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  <meta name="msapplication-TileColor" content="#00aba9">
  <meta name="theme-color" content="#5b90a4">
  <%= content 'open_graph' =%>
  <meta property="og:url" content="<%= url_for->to_abs %>">
  <meta property="og:site_name" content="Post::Text">
  <meta property="og:image"
        content="<%= url_for('/images/logo.png')->to_abs %>">
  <meta property="og:image:type" content="image/png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="1200">
  <meta property="og:image:alt"
        content="Post::Text logo; a small nerdy anime girl giving a V sign">
  <%= content 'twitter_card' =%>
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:creator" content="@swaggboi@eattherich.club">
  <meta name="twitter:site"
        content="@posttext@fedi.seriousbusiness.international">
  <meta name="twitter:image"
        content="<%= url_for('/images/logo.png')->to_abs %>">
  <meta name="twitter:image:alt"
        content="Post::Text logo; a small nerdy anime girl giving a V sign">
  <%= stylesheet '/css/elements.css'                 %>
  <%= stylesheet '/css/simple.css'                   %>
  <%= stylesheet '/css/nested.css'                   %>
  <%= javascript '/js/background.js', defer => undef %>
</head>
<body>
<header class="header">
  <h1 class="header__title">Post::Text</h1>
  <nav class="header__nav">
    <%= link_to List => threads_list => {list_page => 1},
        (class => 'click') %>
    <%= link_to New   => post_thread => (class => 'click') %>
    <%= link_to About => about_page  => (class => 'click') %>
    <%= link_to Rules => rules_page  => (class => 'click') %>
    <%= link_to Feeds => feeds_page  => (class => 'click') %>
  </nav>
  <% if (is_mod) { =%>
  <nav class="header__nav header__nav--moderator">
    <span>Moderate:</span>
    <%= link_to Flagged => flagged_list => (class => 'click') %>
    <%= link_to Hidden  => hidden_list  => (class => 'click') %>
    <%= link_to Reset   => mod_reset    => (class => 'click') %>
    <%= link_to List    => mod_list     => (class => 'click') %>
    <%= link_to Logout  => mod_logout   => (class => 'click') %>
  </nav>
  <% } =%>
  <% if (is_admin) { =%>
  <nav class="header__nav header__nav--moderator">
    <span>Admin:</span>
    <%= link_to Create  => create_mod   => (class => 'click') %>
    <%= link_to Reset   => admin_reset  => (class => 'click') %>
    <%= link_to Lock    => lock_mod     => (class => 'click') %>
    <%= link_to Unlock  => unlock_mod   => (class => 'click') %>
    <%= link_to Promote => promote_mod  => (class => 'click') %>
    <%= link_to Demote  => demote_admin => (class => 'click') %>
  </nav>
  <% } =%>
  <%= form_for search_page => (class => 'header__search'), begin %>
    <% if (my $error = validation->error('q')) { =%>
    <p class="field-with-error">Must be between <%= $error->[2] %>
      and <%= $error->[3] %> characters.</p>
    <% } =%>
    <%= text_field q => (
        id        => 'search',
        maxlength => 2047,
        minlength => 1,
        required  => undef
    ) %>
    <button type="submit" class="search-button">Search</button>
  <% end %>
</header>
<% if (flash 'error') { =%>
<p class="stash-with-error" id="error"><%= flash 'error' %></p>
<% } elsif (stash 'error') { =%>
<p class="stash-with-error" id="error"><%= stash 'error' %></p>
<% } =%>
<% if (flash 'info') { =%>
<p class="stash-with-info" id="info"><%= flash 'info' %></p>
<% } elsif (stash 'info') { =%>
<p class="stash-with-info" id="info"><%= stash 'info' %></p>
<% } =%>
<%= content =%>
<footer class="site-footer">
  <p>In UTF-8 we trust. 🫡</p>
  <p><%= link_to javascript_page =>
         ('data-jslicense', 1),
         begin %>JavaScript License Information<% end %></p>
</footer>
</body>
</html>
