{% extends 'layout.html' %}
{% block content %}
<h2>Projects</h2>
<form method="POST">
    <input type="text" name="name" placeholder="Project Name" required>
    <select name="universe_id">
        {% for universe in universes %}
        <option value="{{ universe.id }}">{{ universe.name }}</option>
        {% endfor %}
    </select>
    <button type="submit">Add Project</button>
</form>
<table class="table table-bordered">
    <thead><tr><th>ID</th><th>Name</th><th>Universe</th><th>Actions</th></tr></thead>
    <tbody>
        {% for project in projects %}
        <tr>
            <td>{{ project.id }}</td>
            <td>{{ project.name }}</td>
            <td>{{ project.universe.name }}</td>
            <td><a href="/projects/delete/{{ project.id }}">Delete</a></td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}