{% extends 'base.html' %}
{% load static %}
{% block title %} EXPath Tool 2.0{% endblock %}
{% block content %}
<main>
    <div class="container2">
        <div class="col-sm-10 mx-auto mt-5">
            <div class="card mt-3">
                <div class="card-header">
                    <h3 style="text-align:center"><b>Projects</b></h3>
                </div>
                <div style="display: flex; justify-content: center; padding-top: 20px;">
                    <table class="table table-striped" style="width: 80%; ">
                        <thead>
                            <tr>
                                <th>Project Name</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for project in demo_project %}
                            <tr>
                                <!-- 動態顯示專案名稱 -->
                                <td>{{ project.name }}</td>
                                                                                
                                <!-- Status -->
                                <td>
                                    <a href="{% url 'enter_project' project.id %}" class="btn btn-primary">Enter Project</a>
                                </td>
                            </tr>
                            {% empty %}
                                <tr>
                                    <td colspan="3" class="text-center">No projects found. Create a new project!</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</main>
{% endblock %}