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

{% block title %}Organisations — Administration VIIZIA{% endblock %}

{% block body %}
<div class="level">
    <div class="level-left">
        <div class="level-item">
            <div>
                <p class="title is-4">
                    <span class="icon-text">
                        <span class="icon"><i class="fas fa-building"></i></span>
                        <span>Organisations</span>
                    </span>
                </p>
                <p class="subtitle is-6 has-text-grey">
                    {{ organizations|length }} organisation{{ organizations|length > 1 ? 's' : '' }} sur la plateforme
                </p>
            </div>
        </div>
    </div>
    <div class="level-right">
        <div class="level-item">
            <a href="{{ path('admin_organizations_new') }}" class="button is-primary">
                <span class="icon"><i class="fas fa-plus"></i></span>
                <span>Nouvelle organisation</span>
            </a>
        </div>
    </div>
</div>

{% if organizations is empty %}
    <div class="has-text-centered viz-empty">
        <span class="icon is-large has-text-grey-light"><i class="fas fa-building fa-3x"></i></span>
        <p class="title is-5 has-text-grey">Aucune organisation</p>
        <p class="subtitle is-6 has-text-grey">
            Aucune organisation n'a encore été créée sur la plateforme.
        </p>
        <a href="{{ path('admin_organizations_new') }}" class="button is-primary">
            <span class="icon"><i class="fas fa-plus"></i></span>
            <span>Créer la première organisation</span>
        </a>
    </div>
{% else %}
    <div class="box p-0">
        <table class="table is-striped is-hoverable is-fullwidth mb-0">
            <thead>
                <tr>
                    <th>Nom</th>
                    <th>Slug</th>
                    <th>Type</th>
                    <th>SIREN</th>
                    <th>Statut</th>
                    <th class="has-text-right">Membres</th>
                    <th>Créée le</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for org in organizations %}
                    <tr>
                        <td><strong>{{ org.name }}</strong></td>
                        <td><code>{{ org.slug }}</code></td>
                        <td>
                            {% if org.isCompany %}
                                <span class="tag is-info is-light">
                                    <span class="icon is-small"><i class="fas fa-briefcase"></i></span>
                                    <span>{{ org.legalForm ?: 'Entreprise' }}</span>
                                </span>
                            {% else %}
                                <span class="tag is-light">
                                    <span class="icon is-small"><i class="fas fa-house"></i></span>
                                    <span>Particulier</span>
                                </span>
                            {% endif %}
                        </td>
                        <td>{{ org.siren ?: '—' }}</td>
                        <td>
                            {% set statusColors = {'active': 'success', 'suspended': 'warning', 'archived': 'dark'} %}
                            <span class="tag is-{{ statusColors[org.status.value] ?? 'light' }} is-light">
                                {{ org.status.value }}
                            </span>
                        </td>
                        <td class="has-text-right viz-amount">{{ org.memberships|length }}</td>
                        <td>{{ org.createdAt|date('d/m/Y') }}</td>
                        <td class="has-text-right">
                            <div class="buttons are-small is-right">
                                <a href="{{ path('admin_organizations_edit', {'id': org.id}) }}"
                                   class="button is-light"
                                   title="Modifier">
                                    <span class="icon"><i class="fas fa-pen-to-square"></i></span>
                                </a>
                            </div>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% endif %}
{% endblock %}