{% extends 'base.html.twig' %}

{% block title %}Progetti | WebArchi{% endblock %}

{% block body %}
{% include 'partials/navbar.html.twig' %}
<div class="container" style="max-width: 50vw">
    <h1 class="is-size-1 mt-2 has-text-centered">Progetti</h1>

    <table class="table is-striped is-fulldwidth m-6 is-hoverable has-text-centered">
        <tr><th class="has-text-centered">Architettura</th><th class="has-text-centered">File IFC</th><th class="has-text-centered">Data creazione</th><th class="has-text-centered">Ultima modifica</th><th class="has-text-centered">Azioni</th></tr>
        {% for project in projects %}
            <tr>
                <td>{{ project.building.name }}</td>
                <td>{{ project.ifc }}</td>
                <td>{{ project.createdAt.format('Y-m-d') }}</td>
                <td>{{ project.lastModified.format('Y-m-d H:i:s') }}</td>
            <td>
                <div class="buttons">
                    <button class="button is-small is-link" title="Modifica">
                        <span class="icon">
                            <i class="bi bi-pencil-fill"></i>
                        </span>
                    </button>
                    <button class="button is-small is-danger" title="Elimina">
                        <span class="icon">
                            <i class="bi bi-trash-fill"></i>
                        </span>
                    </button>
                    <button class="button is-small is-primary" title="Condividi">
                        <span class="icon">
                            <i class="bi bi-share-fill"></i>
                        </span>
                    </button>
                </div>
            </td>
            </tr>
        {% endfor %}
    </table>
</div>
{% endblock %}