{% extends 'base.html' %}
{% load wagtailcore_tags wagtailimages_tags seo_tags %}
{% block title %}{{ page.title }} | No Hype AI{% endblock %}
{% block head_meta %}
  {% canonical_url page as canonical %}
  {% article_og_image_url page as og_image %}
  <link rel="canonical" href="{{ canonical }}" />
  <meta name="description" content="{{ page.search_description|default:page.summary }}" />
  <meta property="og:type" content="article" />
  <meta property="og:title" content="{{ page.title }} | No Hype AI" />
  <meta property="og:description" content="{{ page.search_description|default:page.summary }}" />
  <meta property="og:url" content="{{ canonical }}" />
  {% if og_image %}<meta property="og:image" content="{{ og_image }}" />{% endif %}
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="{{ page.title }} | No Hype AI" />
  <meta name="twitter:description" content="{{ page.search_description|default:page.summary }}" />
  {% if og_image %}<meta name="twitter:image" content="{{ og_image }}" />{% endif %}
{% endblock %}
{% block content %}
<article>
  <h1>{{ page.title }}</h1>
  <p>{{ page.read_time_mins }} min read</p>
  {% if page.hero_image %}
    {% image page.hero_image fill-1200x630 %}
  {% endif %}
  {{ page.body }}
  {% article_json_ld page %}
</article>
<section>
  <h2>Related</h2>
  {% for article in related_articles %}
  <a href="{{ article.url }}">{{ article.title }}</a>
  {% endfor %}
</section>
{% if page.comments_enabled %}
<section>
  <form method="post" action="{% url 'comment_post' %}">
    {% csrf_token %}
    <input type="hidden" name="article_id" value="{{ page.id }}" />
    <input type="text" name="author_name" required />
    <input type="email" name="author_email" required />
    <textarea name="body" required></textarea>
    <input type="text" name="honeypot" style="display:none" />
    <button type="submit">Post comment</button>
  </form>
</section>
{% endif %}
{% endblock %}