{% extends "base.html" %}
{% block title %}InkDrop — Write & Share{% endblock %}

{% block content %}
<div class="hero">
    <h1>Write. Share. Collaborate.</h1>
    <p>A modern platform for writers and creators.</p>
    <div class="hero-actions">
        {% if not session.get('user_id') %}
        <a href="/register" class="btn btn-primary btn-large">Get Started</a>
        {% endif %}
    </div>
</div>

<section class="posts-section">
    <h2>Recent Posts</h2>
    {% if posts %}
    <div class="posts-grid">
        {% for post in posts %}
        <article class="post-card">
            <h3><a href="/post/{{ post.id }}">{{ post.title }}</a></h3>
            <p class="post-meta">By {{ post.author.username }} • {{ post.created_at.strftime('%b %d') }}</p>
            <p class="post-excerpt">{{ post.content[:100] }}{% if post.content|length > 100 %}...{% endif %}</p>
        </article>
        {% endfor %}
    </div>
    {% else %}
    <p class="empty">No posts yet. Be the first to write!</p>
    {% endif %}
</section>
{% endblock %}