{% extends "base.html" %}

{% block title %}Projects - MV+{% endblock %}

{% block content %}
<div class="projects-container">
    <div class="projects-content">
        <div class="projects-header">
            <h1>My Projects</h1>
            <p>Manage your projects and track their progress</p>
            <a href="{{ url_for('create_project') }}" class="btn btn-primary">Create New Project</a>
        </div>

        {% if projects %}
        <div class="projects-grid">
            {% for project in projects %}
            <div class="project-card">
                <div class="project-header">
                    <h3>{{ project.name }}</h3>
                    <span class="project-status {{ project.status }}">{{ project.status.title() }}</span>
                </div>
                <div class="project-content">
                    <p class="project-description">{{ project.description or 'No description available' }}</p>
                    <div class="project-meta">
                        <span class="project-type">{{ project.project_type or 'General' }}</span>
                        <span class="project-date">Updated: {{ project.updated_at[:10] }}</span>
                    </div>
                </div>
                <div class="project-actions">
                    <a href="{{ url_for('project_detail', project_id=project.id) }}" class="btn btn-primary">View Details</a>
                    <a href="{{ url_for('edit_project', project_id=project.id) }}" class="btn btn-secondary">Edit</a>
                </div>
            </div>
            {% endfor %}
        </div>
        {% else %}
        <div class="no-projects">
            <h3>No Projects Yet</h3>
            <p>Get started by creating your first project!</p>
            <a href="{{ url_for('create_project') }}" class="btn btn-primary">Create Your First Project</a>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}