{% load static %}
{% load djpress_tags %}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% page_title post_text="| " %}{% site_title %}</title>
    <link rel="stylesheet" href="{% static "simple/css/simple.min.css" %}">
    <link rel="stylesheet" href="{% static "simple/css/style.css" %}">
    {% rss_link %}
    {% djpress_header %}
  </head>
  <body>
    <header>
      {% site_title "h1" link=True %}
      <nav>
        {% site_pages %}
      </nav>
    </header>
    <nav>
      <h3>Recent Posts:</h3>
      <ul>
        {% get_recent_posts as posts %}
        {% for post in posts %}
          <li>
            <a href="{{ post.url }}">
              {% if post.title %}
                {{ post.title }}
              {% else %}
                {{ post.content|truncatewords:5 }}
              {% endif %}
            </a>
          </li>
        {% endfor %}
      </ul>
      <h3>Categories:</h3>
      {% site_categories %}
      <h3>Tags:</h3>
      {% tags_with_counts %}
    </nav>
    <main>
      {% if post %}
        {% post_wrap %}
          {% post_title outer_tag="h1" %}
          {% post_content %}
          <ul>
            <li>By {% post_author %}. {% post_date %}</li>
            <li>Categories: {% post_categories outer_tag="span" link_class="badge" %}</li>
            <li>Tags: {% post_tags outer_tag="span"  link_class="badge" %}</li>
          </ul>
        {% end_post_wrap %}
      {% else %}
        <h1>Latest Posts</h1>
        {% for post in posts %}
          {% post_wrap %}
            {% post_title outer_tag="h2" %}
            {% post_content %}
            <ul>
              <li>
                By {% post_author %}. <a href="{% get_post_url %}">{% get_post_date %}</a>
              </li>
              <li>Categories: {% post_categories outer_tag="span" link_class="badge" %}</li>
              <li>Tags: {% post_tags outer_tag="span"  link_class="badge" %}</li>
            </ul>
          {% end_post_wrap %}
        {% empty %}
          <p>No posts available.</p>
        {% endfor %}
      {% endif %}
      {% pagination_links %}
    </main>
    <footer>
      {% site_title "p" link=True %}
      {% djpress_footer %}
    </footer>
  </body>
</html>
