{% extends 'base.html' %}
{% load i18n %}

{% block title %}{{ article.title }}{% endblock %}

{% block content %}
<div class="container mt-5">
    <div class="mb-4">
        <a href="{% url 'index' %}" class="btn btn-link text-decoration-none text-muted ps-0">
            <i class="bi {% if LANGUAGE_BIDI %}bi-arrow-right{% else %}bi-arrow-left{% endif %} me-2"></i>{% trans "Back to Home" %}
        </a>
    </div>
    <h1>{{ article.title }}</h1>
    <p class="text-muted">{% trans "Published on" %} {{ article.created_at|date:"F d, Y" }}</p>
    <hr>
    <div>
        {{ article.content|safe }}
    </div>
</div>
{% endblock %}