<table class="datatable-show-all table">
    <thead class="{{ class }}">
    <tr>
        <th style="width: 50px!important;">#ID#</th>
        <th>Raison sociale</th>
        <th>Email</th>
        <th>Status</th>
        <th>Téléphone</th>
        <th>Commission</th>
        <th style="width: 100px!important;">Etat</th>
        <th style="width: 100px!important;">Actions</th>
    </tr>
    </thead>
    <tbody>
    {% for proprietaire in proprietaires %}
        <tr>
            <td>{{ proprietaire.id }}</td>
            <td>
                <a href="{{ path('admin.acteurs.proprietaires.edit', {'id': proprietaire.id}) }}">
                    {{ proprietaire.name }}
                </a>
            </td>
            <td>{{ proprietaire.adresses.email ?? '--------' }}</td>
            <td>
                <div class="custom-control custom-switch {% if proprietaire.isActif %}custom-control-success{% else %}custom-control-danger{% endif %}">
                    <input type="checkbox" data-id="{{ proprietaire.id }}" class="custom-control-input js-status-input" id="status-{{ proprietaire.id }}" {% if proprietaire.isActif %}checked{% endif %}>
                    <label class="custom-control-label position-static p-0" for="status-{{ proprietaire.id }}"></label>
                </div>
            </td>
            <td>{{ proprietaire.adresses.phone ?? '---------' }}</td>
             <td>{{ proprietaire.commission ?? '---------' }}</td>
            <td>
                {% if proprietaire.isActif %}
                    <span class="badge badge-success">Actif</span>
                {% else %}
                    <span class="badge badge-danger">Inactif</span>
                {% endif %}
            </td>
            <td style="text-align: center!important;display: flex; flex-direction: row; justify-content: space-between; align-items: 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(proprietaire, path('admin.acteurs.proprietaires.show', {'id': proprietaire.id}), 'Voir les détails', 'icon-folder') }}
                            {{ action_form(proprietaire, path('admin.acteurs.proprietaires.edit', {'id': proprietaire.id}), 'Modifier') }}
                            {{ delete_form(proprietaire, path('admin.acteurs.proprietaires.delete', {'id': proprietaire.id}), 'Etes vous sûr de vouloir supprimer ce proprietaire?', 'Supprimer le proprietaire') }}
                        </div>
                    </div>
                </div>
            </td>
        </tr>
    {% else %}
        <tr>
            <td colspan="7">{{ data_none }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>
<script type="module">
    import Save from "{{ asset('js/modules/module.js') }}";
    Save('/admin/api/proprietaires/check-status')
</script>