{% if hotels is not empty %}
    {% for hotel in hotels %}
    <tr data-id="{{hotel.id}}" data-contact="{{ hotel.contactArray()|json_encode }}" class="odd:bg-white even:bg-gray-100 border-b">
        <th scope="row" class="px-2 py-4 font-medium text-gray-900 whitespace-nowrap border-r text-wrap">{{ hotel.nom }}</th>
        <td data-sort="{{ hotel.nombreEtoiles }}" class="px-2 py-4 border-r text-wrap text-center">
        {% if hotel.nombreEtoiles == 0 %}
            <p>NC</p>
        {% else %}
            <p>{{ hotel.nombreEtoiles }}</p>
        {% endif %}
        </td>
        <td class="px-2 py-4 border-r text-wrap text-center"><p>{% if hotel.adresse and hotel.adresse.departement %}{{ hotel.adresse.departement }}{% else %}---{% endif %}</p></td>
        <td class="px-2 py-4 border-r text-wrap text-center"><p>{% if hotel.lastProspection %}{{ hotel.lastProspection.statut }}{% else %}---{% endif %}</p></td>
        <td class="px-2 py-4 border-r text-wrap text-center break-words"><p>{% if hotel.lastProspection and hotel.lastProspection.remarques %}{{ hotel.lastProspection.remarques }}{% else %}---{% endif %}</p></td>
        <td class="px-2 py-4 text-center">
            <a href="{{ path('vue_prospec', {id: hotel.id}) }}" class="bg-green-500 text-white font-medium p-2 rounded hover:bg-green-700 inline-flex items-center">
                <i class="{{ icon.get('eye') }}"></i>
            </a>
            <a href="{{ path('delete_prospec', {id: hotel.id}) }}" class="bg-red-500 text-white font-medium p-2 rounded hover:bg-red-700 inline-flex items-center delete-btn" data-id="{{ hotel.id }}">
                <i class="{{ icon.get('trash') }}"></i>
            </a>
        </td>
    </tr>
    {% endfor %}
{% endif %}