{# Section « Biens » sur la fiche organisation (onglet Biens).

   Variables attendues :
   - organization : Organization
   - properties   : liste<Property>

   Liste en charge des annonces bien × plateforme (voir spec 06).
#}
<div class="box mt-5">
    <div class="level mb-4">
        <div class="level-left">
            <div>
                <h3 class="title is-5 mb-1">
                    <span class="icon-text">
                        <span class="icon"><i class="ti ti-building-skyscraper"></i></span>
                        <span>Biens immobiliers</span>
                    </span>
                </h3>
                <p class="subtitle is-7 has-text-grey">
                    {{ properties|length }} bien{{ properties|length > 1 ? 's' : '' }} —
                    colonne <strong>Annonces</strong> : nombre de fiches bien × plateforme (URLs) par ligne.
                    <strong>Booking.com</strong>, <strong>Airbnb</strong> et <strong>Direct</strong> affichent un lien uniquement si une URL d’annonce a été renseignée pour ce bien sur la plateforme correspondante (fiche bien, onglet Annonces).
                </p>
            </div>
        </div>
        <div class="level-right">
            <a href="{{ path('admin_properties_new', {'id': organization.id}) }}"
               class="button is-primary is-small">
                <span class="icon"><i class="ti ti-plus"></i></span>
                <span>Ajouter un bien</span>
            </a>
        </div>
    </div>

    {% if properties is empty %}
        <div class="has-text-centered py-5">
            <span class="icon is-large has-text-grey-light"><i class="ti ti-building-skyscraper" style="font-size: 2.25rem;"></i></span>
            <p class="has-text-grey mt-2">Aucun bien immobilier — utilisez ce module si vous gérez des biens locatifs.</p>
        </div>
    {% else %}
        <div class="table-container viz-property-org-table-wrap">
            <table class="table is-striped is-hoverable is-fullwidth mb-0 is-size-7">
                <thead>
                <tr>
                    <th>Code</th>
                    <th>Libellé</th>
                    <th class="has-text-centered" title="Fiches bien × plateforme pour ce bien">
                        Annonces
                    </th>
                    <th class="has-text-centered" scope="col" title="URL annonce Booking.com">Booking.com</th>
                    <th class="has-text-centered" scope="col" title="URL annonce Airbnb">Airbnb</th>
                    <th class="has-text-centered" scope="col" title="URL renseignée sur la plateforme Direct pour ce bien (aucun lien automatique)">Direct</th>
                    <th>Statut</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                {% for p in properties %}
                    {% set booking_url = p.getListingUrlForRentalPlatformSlug('booking') %}
                    {% set airbnb_url = p.getListingUrlForRentalPlatformSlug('airbnb') %}
                    {% set direct_url = p.getListingUrlForRentalPlatformSlug('direct') %}
                    <tr>
                        <td><strong><code>{{ p.code }}</code></strong></td>
                        <td>{{ p.label ?: '—' }}</td>
                        <td class="has-text-centered">
                            <span class="tag is-info is-light"
                                  title="Annonces enregistrées (fiches bien × plateforme)">{{ p.platformListings|length }}</span>
                        </td>
                        <td class="has-text-centered is-nowrap">
                            {% if booking_url %}
                                <a href="{{ booking_url }}" class="button is-small is-light" target="_blank" rel="noopener noreferrer"
                                   title="Ouvrir l’annonce Booking">
                                    <span class="icon is-small"><i class="ti ti-arrow-up-right"></i></span>
                                </a>
                            {% else %}
                                <span class="has-text-grey">—</span>
                            {% endif %}
                        </td>
                        <td class="has-text-centered is-nowrap">
                            {% if airbnb_url %}
                                <a href="{{ airbnb_url }}" class="button is-small is-light" target="_blank" rel="noopener noreferrer"
                                   title="Ouvrir l’annonce Airbnb">
                                    <span class="icon is-small"><i class="ti ti-arrow-up-right"></i></span>
                                </a>
                            {% else %}
                                <span class="has-text-grey">—</span>
                            {% endif %}
                        </td>
                        <td class="has-text-centered is-nowrap">
                            {% if direct_url %}
                                <a href="{{ direct_url }}" class="button is-small is-light" target="_blank" rel="noopener noreferrer"
                                   title="Ouvrir l’annonce ou page Direct configurée pour ce bien">
                                    <span class="icon is-small"><i class="ti ti-arrow-up-right"></i></span>
                                </a>
                            {% else %}
                                <span class="has-text-grey">—</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_properties_edit', {'id': p.id}) }}"
                                   class="button is-light"
                                   title="Modifier le bien">
                                    <span class="icon"><i class="ti ti-pencil"></i></span>
                                </a>
                                <form method="post"
                                      action="{{ path('admin_properties_delete', {'id': p.id}) }}"
                                      onsubmit="return confirm('Supprimer le bien « {{ p.code|e('js') }} » ? Les transactions associées perdront leur lien.');"
                                      style="display: inline;">
                                    <input type="hidden" name="_token"
                                           value="{{ csrf_token('delete-property-' ~ 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 %}
</div>