<table class="datatable-show-all table">
    <thead class="{{ class }}">
    <tr>
        <th>Nom du propriétaire</th>
        <th>Type de bien </th>
        <th>Zone</th>
        <th>Démarcheur</th>
        <th>Adresse</th>
        <th>Commission</th>
        <th>Status</th>
        <th style="width: 200px!important;">Date de création</th>
        <th style="width: 100px!important;">Actions</th>
    </tr>
    </thead>

    <tbody>
    {% for bien in biens %}
        <tr>
            <!-- PROPRIÉTAIRE -->
            <td>
                {% if bien.proprietaire %}
                    {{ bien.proprietaire.name }}
                {% else %}
                    <span class="badge badge-danger">Aucun propriétaire</span>
                {% endif %}
            </td>

            <!-- ZONE -->
            <td>
                {% if bien.zone %}
                    {{ bien.zone.name }}
                {% else %}
                    <span class="badge badge-danger">Aucune zone</span>
                {% endif %}
            </td>

            <!-- DEMARCHEUR -->
            <td>
                {% if bien.demarcheur %}
                    {{ bien.demarcheur.nom }}  {{ bien.demarcheur.prenom }}
                {% else %}
                    <span class="badge badge-danger">Aucun démarcheur</span>
                {% endif %}
            </td>

            <!-- ADRESSE -->
            <td>{{ bien.adresse }}</td>

            <!-- COMMISSION -->
            <td>{{ bien.commission }}%</td>

            <!-- STATUS -->
            <td>
                <div class="custom-control custom-switch 
                    {% if bien.active %}custom-control-success{% else %}custom-control-danger{% endif %}">
                    <input type="checkbox" 
                        data-id="{{ bien.id }}"
                        class="custom-control-input js-status-input" 
                        id="status-{{ bien.id }}" 
                        {% if bien.active %}checked{% endif %}>
                    <label class="custom-control-label position-static p-0" for="status-{{ bien.id }}"></label>
                </div>
            </td>

            <!-- DATE -->
            <td>{{ bien.createdAt|date('d/m/Y à H:i:s') }}</td>

            <!-- ACTIONS -->
            <td style="text-align:center; display:flex; justify-content:center;">
                <div class="list-icons">
                    <div class="dropdown">
                        <a href="javascript:" class="list-icons-item" data-toggle="dropdown">
                            <i class="icon-menu9"></i>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right">
                            {{ action_form(bien, path('admin.biens.edit', {'id': bien.id}), 'Modifier') }}
                            {{ delete_form(bien, path('admin.biens.delete', {'id': bien.id}), 'Êtes-vous sûr de vouloir supprimer ce bien?', 'Supprimer') }}
                        </div>
                    </div>
                </div>
            </td>
        </tr>

    {% else %}
        <tr>
            <td colspan="8">{{ data_none }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>

<script type="module">
    import Save from "{{ asset('js/modules/module.js') }}";
    Save('/admin/api/locataires/check-status')
</script>
