{% extends "admin/base_site.html" %}
{% load static %}

{% block content %}
<div class="dashboard-container">
    <div class="row">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h3>Projets en cours</h3>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Projet</th>
                                    <th>Progrès</th>
                                    <th>Date fin</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for project in projects %}
                                <tr>
                                    <td>{{ project.name }}</td>
                                    <td>
                                        <div class="progress">
                                            <div class="progress-bar" role="progressbar" style="width: {{ project.progress }}%" 
                                                 aria-valuenow="{{ project.progress }}" aria-valuemin="0" aria-valuemax="100">
                                                {{ project.progress }}%
                                            </div>
                                        </div>
                                    </td>
                                    <td>{{ project.end_date|date:"d/m/Y" }}</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h3>Tâches récentes</h3>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Tâche</th>
                                    <th>Projet</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for task in tasks|slice:":10" %}
                                <tr>
                                    <td>{{ task.name }}</td>
                                    <td>{{ task.project.name }}</td>
                                    <td>
                                        <span class="badge {% if task.status == 'completed' %}badge-success{% elif task.status == 'in_progress' %}badge-primary{% else %}badge-warning{% endif %}">
                                            {{ task.get_status_display }}
                                        </span>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}