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

{% block title %}Plateformes de location — VIIZIA{% endblock %}

{% block body %}
<div class="level">
    <div class="level-left">
        <div>
            <p class="title is-4">
                <span class="icon-text">
                    <span class="icon"><i class="ti ti-world"></i></span>
                    <span>Plateformes de location</span>
                </span>
            </p>
            <p class="subtitle is-6 has-text-grey">
                Référentiel global — {{ platforms|length }} plateforme{{ platforms|length > 1 ? 's' : '' }}
            </p>
        </div>
    </div>
    <div class="level-right">
        <a href="{{ path('admin_rental_platforms_new') }}" class="button is-primary">
            <span class="icon"><i class="ti ti-plus"></i></span>
            <span>Nouvelle plateforme</span>
        </a>
    </div>
</div>

<div class="notification is-info is-light is-size-7">
    <span class="icon"><i class="ti ti-info-circle"></i></span>
    Les plateformes sont <strong>partagées par toutes les organisations</strong>.
    Chaque organisation choisit ensuite, dans son onglet « Plateformes », celles qu'elle active pour son usage.
</div>

{% if platforms is empty %}
    <div class="has-text-centered viz-empty">
        <span class="icon is-large has-text-grey-light"><i class="ti ti-world" style="font-size: 2.5rem;"></i></span>
        <p class="title is-5 has-text-grey">Aucune plateforme</p>
        <a href="{{ path('admin_rental_platforms_new') }}" class="button is-primary">
            <span class="icon"><i class="ti ti-plus"></i></span>
            <span>Ajouter la première plateforme</span>
        </a>
    </div>
{% else %}
    <div class="box p-0">
        <table class="table is-striped is-hoverable is-fullwidth mb-0">
            <thead>
                <tr>
                    <th></th>
                    <th>Nom</th>
                    <th>Slug</th>
                    <th>Site web</th>
                    <th>Statut</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for p in platforms %}
                    <tr>
                        <td>
                            <span class="viz-org-avatar" style="background-color: {{ p.color ?: '#6B7280' }};">
                                {% if p.icon %}<i class="ti {{ p.icon }}"></i>{% else %}{{ p.name|first|upper }}{% endif %}
                            </span>
                        </td>
                        <td><strong>{{ p.name }}</strong></td>
                        <td><code>{{ p.slug }}</code></td>
                        <td class="is-size-7">
                            {% if p.website %}
                                <a href="{{ p.website }}" target="_blank" rel="noopener">{{ p.website }}</a>
                            {% else %}
                                <span class="has-text-grey-light">—</span>
                            {% endif %}
                        </td>
                        <td>
                            <span class="tag is-{{ p.status.color }} is-light">{{ p.status.label }}</span>
                        </td>
                        <td class="has-text-right">
                            <div class="buttons are-small is-right">
                                <a href="{{ path('admin_rental_platforms_edit', {'id': p.id}) }}"
                                   class="button is-light"
                                   title="Modifier">
                                    <span class="icon"><i class="ti ti-pencil"></i></span>
                                </a>
                                <form method="post"
                                      action="{{ path('admin_rental_platforms_delete', {'id': p.id}) }}"
                                      onsubmit="return confirm('Supprimer définitivement « {{ p.name|e('js') }} » ? Préférez l\'archivage si la plateforme est ou a été utilisée.');"
                                      style="display: inline;">
                                    <input type="hidden" name="_token"
                                           value="{{ csrf_token('delete-rental-platform-' ~ p.id) }}">
                                    <button type="submit" class="button is-danger is-light" title="Supprimer">
                                        <span class="icon"><i class="ti ti-trash"></i></span>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% endif %}
{% endblock %}