{% extends "base.html" %}

{% block title %}Home - PacificPy App{% endblock %}

{% block content %}
<div class="row">
    <div class="col">
        <div class="jumbotron">
            <h1 class="display-4">Welcome to PacificPy!</h1>
            <p class="lead">This is a simple example application built with PacificPy.</p>
            <hr class="my-4">
            <p>PacificPy is a modern, async-first web framework for Python with a focus on developer experience and security.</p>
            
            {% if user %}
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">User Information</h5>
                    <p class="card-text">You are currently logged in as <strong>{{ user.username }}</strong>.</p>
                    <a href="/profile" class="btn btn-primary">View Profile</a>
                </div>
            </div>
            {% else %}
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Get Started</h5>
                    <p class="card-text">Log in to access your account and explore the features.</p>
                    <a href="/login" class="btn btn-primary">Login</a>
                    <a href="/register" class="btn btn-secondary">Register</a>
                </div>
            </div>
            {% endif %}
        </div>
    </div>
</div>

<div class="row mt-4">
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Documentation</h5>
                <p class="card-text">Learn how to build amazing applications with PacificPy.</p>
                <a href="/docs" class="btn btn-outline-primary">Read Docs</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Examples</h5>
                <p class="card-text">Explore example applications to see PacificPy in action.</p>
                <a href="/examples" class="btn btn-outline-primary">View Examples</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Community</h5>
                <p class="card-text">Join our community to get help and share your experiences.</p>
                <a href="/community" class="btn btn-outline-primary">Join Community</a>
            </div>
        </div>
    </div>
</div>
{% endblock %}