{% extends "base.html" %}

{% block title %}{{ page_title }}{% endblock %}

{% block content %}
<section class="page-hero compact-hero py-5">
  <div class="container">
    <div class="glass-panel success-card text-center mx-auto">
      <span class="eyebrow">Published</span>
      <h1 class="display-title small-title">Your story is now live.</h1>
      <p class="hero-copy narrow-copy mx-auto">“{{ article.title }}” has been added to the newsroom and can now sit alongside RSS-imported coverage.</p>
      <div class="d-flex flex-wrap justify-content-center gap-3 mt-4">
        <a class="btn btn-signal btn-lg" href="{{ article.get_absolute_url }}">Open detail page</a>
        <a class="btn btn-outline-light btn-lg" href="{% url 'article_list' %}">View all stories</a>
      </div>
    </div>
  </div>
</section>
{% endblock %}