{% extends 'core/base.html' %}

{% block title %}Blog - Django Demo Project{% endblock %}

{% block content %}
<div class="container py-5">
    <h1 class="mb-4">Blog</h1>
    
    {% if posts %}
        <div class="row">
            {% for post in posts %}
                <div class="col-md-6 mb-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <h5 class="card-title">{{ post.title }}</h5>
                            <p class="card-text">{{ post.content|truncatewords:30 }}</p>
                            <small class="text-muted">Published on {{ post.created_at|date:"F d, Y" }}</small>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    {% else %}
        <div class="text-center py-5">
            <h3 class="text-muted">No blog posts yet</h3>
            <p>Blog posts will appear here once they're created in the admin panel.</p>
            <a href="{% url 'home' %}" class="btn btn-primary">Back to Home</a>
        </div>
    {% endif %}
</div>
{% endblock %}