{% extends "base.html" %}
{% block title %}Dashboard — InkDrop{% endblock %}

{% block content %}
<div class="dashboard">
    <header class="dashboard-header">
        <h1>Your Posts</h1>
        <a href="/post/new" class="btn btn-primary">+ New Post</a>
    </header>
    
    {% if posts %}
    <div class="posts-list">
        {% for post in posts %}
        <div class="post-item">
            <h3><a href="/post/{{ post.id }}">{{ post.title }}</a></h3>
            <p>{{ post.created_at.strftime('%B %d, %Y') }}</p>
            <div class="post-actions">
                <a href="/post/{{ post.id }}/edit" class="btn btn-small">Edit</a>
                <form action="/post/{{ post.id }}/delete" method="POST" style="display:inline">
                    <button type="submit" class="btn btn-small btn-danger">Delete</button>
                </form>
            </div>
        </div>
        {% endfor %}
    </div>
    {% else %}
    <div class="empty-state">
        <p>No posts yet. Create your first one!</p>
        <a href="/post/new" class="btn btn-primary">Create Post</a>
    </div>
    {% endif %}
</div>
{% endblock %}