{% extends 'shop/base.html' %}
{% block title %}{{ post.title }} - Nana Tradings{% endblock %}

{% block content %}
<div class="container my-5">
    <!-- 🔙 Back Button -->
    <div class="mb-3">
        <a href="{% url 'blog' %}" class="btn btn-outline-secondary">
            <i class="fas fa-arrow-left"></i> Back to Blogs
        </a>
    </div>

    <!-- Blog Title & Date -->
    <div class="text-center mb-4">
        <h1 class="fw-bold">{{ post.title }}</h1>
        <p class="text-muted"><i class="fas fa-calendar-alt"></i> {{ post.created_at|date:"F d, Y" }}</p>
    </div>

    <!-- Blog Content -->
    <div class="row">
        <div class="col-lg-8 mx-auto">
            {% if post.image %}
                <img src="{{ post.image.url }}" class="img-fluid rounded-4 mb-4 shadow-lg" alt="{{ post.title }}">
            {% endif %}
            <p class="text-secondary">{{ post.content|linebreaks }}</p>
        </div>
    </div>
</div>
{% endblock %}