templates/completed_deliverables.html

{% extends "base.html" %}

{% block title %}Completed Deliverables - MV+{% endblock %}

{% block content %}
<div class="deliverables-container">
    <div class="deliverables-content">
        <div class="deliverables-header">
            <h1>Completed Deliverables</h1>
            <p>View all your completed project deliverables</p>
            <!-- Deliverable management features coming soon -->
        </div>

        {% if deliverables %}
        <div class="deliverables-grid">
            {% for deliverable in deliverables %}
            <div class="deliverable-card completed">
                <div class="deliverable-header">
                    <h3>{{ deliverable.title }}</h3>
                    <div class="deliverable-badges">
                        <span class="status-badge {{ deliverable.status }}">{{ deliverable.status.title() }}</span>
                        <span class="priority-badge {{ deliverable.priority }}">{{ deliverable.priority.title() }}</span>
                    </div>
                </div>
                <div class="deliverable-content">
                    <p class="deliverable-description">{{ deliverable.description or 'No description available' }}</p>
                    <div class="deliverable-meta">
                        <span class="deliverable-type">{{ deliverable.deliverable_type or 'General' }}</span>
                        {% if deliverable.project_name %}
                        <span class="project-name">Project: {{ deliverable.project_name }}</span>
                        {% endif %}
                        {% if deliverable.completed_at %}
                        <span class="completed-date">Completed: {{ deliverable.completed_at[:10] }}</span>
                        {% endif %}
                    </div>
                </div>
                <div class="deliverable-actions">
                    <a href="{{ url_for('deliverable_detail', deliverable_id=deliverable.id) }}" class="btn btn-primary">View Details</a>
                    <a href="{{ url_for('edit_deliverable', deliverable_id=deliverable.id) }}" class="btn btn-secondary">Edit</a>
                    <form method="POST" action="{{ url_for('toggle_deliverable_status', deliverable_id=deliverable.id) }}" style="display: inline;">
                        <button type="submit" class="btn btn-outline">Mark Pending</button>
                    </form>
                </div>
            </div>
            {% endfor %}
        </div>
        {% else %}
        <div class="no-deliverables">
            <h3>No Completed Deliverables</h3>
            <p>You haven't completed any deliverables yet. Start working on your projects!</p>
            <a href="{{ url_for('deliverables') }}" class="btn btn-primary">View All Deliverables</a>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}