{% macro post(post, type) %}
  <div class="post">
    <h3 class="post__heading">
      <span class="post__title">
        {{ post.title }} <span class="post__date">:: {{ post.date }}</span>
      </span>
      <div class="post__links">
        {% if type == "index" %}
          <a class="post__link" href="/posts/{{ post.id }}">view</a>
        {% endif %}

        {% if logged_in %}
          <a class="post__link" href="/posts/{{ post.id }}/edit">edit</a>
          <span class="post__link danger" data-delete="{{ post.id }}">delete</span>
        {% endif %}
      </div>
    </h3>

    {% if type != "index" %}
      <div class="post__body">
        {{ post.html | safe }}
      </div>
    {% endif %}
  </div>
{% endmacro %}

{% macro form(post=false, action) %}
  <form class="form" method="POST" action="{{ action }}" id="post-form">
    <input
      type="hidden"
      name="id"
      value="{% if post %}{{ post.id }}{% endif %}"
    />
    <input
      type="hidden"
      name="date"
      value="{% if post %}{{ post.date }}{% endif %}"
    />
    <input type="hidden" name="html" />
    <div class="form__field">
      <label for="title" class="form__label">Title</label>
      <input
        class="form__text-field"
        type="text"
        name="title"
        required
        value="{% if post %}{{ post.title }}{% endif %}"
      />
    </div>
    <div class="form__field">
      <label for="body" class="form__label">Body</label>
      <textarea
        class="form__textarea"
        name="body"
        required
      >{% if post %}{{ post.body }}{% endif %}</textarea>
    </div>
    <div class="form__field">
      <a class="btn" href="#" data-preview>Preview</a>
      <input class="btn" type="submit" value="Post" />
    </div>
  </form>
{% endmacro %}