defmodule MonoTab.Pages.Posts do
  use Tableau.Page,
    layout: MonoTab.IndexLayout,
    permalink: "/posts"

  use Phoenix.Component

  def template(assigns) do
    ~H"""
    <section class="posts-archive">
      <p>
        Browse through our collection of articles on Elixir, functional programming,
        web development, and software engineering best practices.
      </p>
    </section>

    <section class="posts-filter">
      <h3>Categories</h3>
      <div class="category-tags">
        <a href="/posts" class="category-tag active">All Posts</a>
        <a href="/posts/elixir/" class="category-tag">Elixir</a>
        <a href="/posts/phoenix/" class="category-tag">Phoenix</a>
        <a href="/posts/functional-programming/" class="category-tag">Functional Programming</a>
        <a href="/posts/web-development/" class="category-tag">Web Development</a>
      </div>
    </section>
    """
  end
end