{% load i18n %}
        <div id="section-assets" class="card mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h4>{% translate "Assets" %}</h4>
                {% if 'assets' in allowed_update_fields %}
                <div class="d-flex align-items-center gap-2">
                    {% if desktop_assets_enabled and desktop_assets_config %}
                    <button type="button" class="btn btn-sm btn-outline-danger d-none" id="bulkUnlinkAssetsButton" title="{% translate 'Délier les équipements sélectionnés' %}">
                        <i class="bi bi-link-45deg me-1"></i>{% translate "Délier" %} (<span id="bulkUnlinkCount">0</span>)
                    </button>
                    {% endif %}
                    <div class="btn-group">
                        <button type="button" class="btn btn-light border-0" data-bs-toggle="modal" data-bs-target="#addAssetDesktopModal" title="{% translate 'Créer un nouvel équipement' %}">
                            <i class="bi bi-plus-circle text-success"></i> {% translate "Créer" %}
                        </button>
                        {% if desktop_assets_enabled and desktop_assets_config %}
                        <button type="button" class="btn btn-light border-0" data-bs-toggle="modal" data-bs-target="#mobileAssetsModal" title="{% translate 'Lier un équipement existant' %}">
                            <i class="bi bi-link-45deg text-primary"></i> {% translate "Lier" %}
                        </button>
                        {% else %}
                        <a href="/assets/{{intervention.thematic.code}}/?intervention={{ intervention.id }}" class="btn btn-light border-0" title="{% translate 'Lier un équipement existant' %}">
                            <i class="bi bi-link-45deg text-primary"></i> {% translate "Lier / Délier" %}
                        </a>
                        {% endif %}
                    </div>
                </div>
                {% endif %}
            </div>
            <div class="card-body">
                <table class="table">
                    <thead>
                        <tr>
                            {% if desktop_assets_enabled and desktop_assets_config %}<th style="width:1px"><input type="checkbox" id="selectAllLinkedAssets" class="form-check-input" title="{% translate 'Tout sélectionner / désélectionner' %}"></th>{% endif %}
                            <th>{% translate "Code" %}</th>
                            <th>{% translate "Nom" %}</th>                            
                            <th>{% translate "Statut" %}</th>
                            <th>{% translate "Modèle" %}</th>
                            {% if desktop_assets_enabled and desktop_assets_config %}<th></th>{% endif %}
                        </tr>
                    </thead>
                    <tbody>
                        {% for ia in linked_assets %}
                            {% with asset=ia.asset %}
                                <tr>
                                    {% if desktop_assets_enabled and desktop_assets_config %}
                                    <td style="width:1px">
                                        {% if ia.content_type and ia.content_type_id and ia.object_id %}
                                        <input type="checkbox"
                                               class="form-check-input linked-asset-checkbox"
                                               data-key="{{ ia.content_type_id }}:{{ ia.object_id }}"
                                               data-model="{{ ia.content_type.model }}"
                                               data-object-id="{{ ia.object_id }}"
                                               data-label="{{ asset|default_if_none:''|escape }}">
                                        {% endif %}
                                    </td>
                                    {% endif %}
                                    <td>
                                        <a href="{{ asset.get_absolute_url }}">{{ asset.code }}</a>
                                    </td>
                                    <td>{{ asset.get_name }}</td>
                                    <td>
                                        {{ asset.get_status_display }}
                                    </td>
                                    <td>{{ asset.model }}</td>
                                    {% if desktop_assets_enabled and desktop_assets_config %}
                                    <td class="text-end">
                                        {% if ia.content_type and ia.content_type_id and ia.object_id %}
                                        <button type="button"
                                                class="btn btn-sm btn-outline-danger mobile-asset-remove-button"
                                                data-key="{{ ia.content_type_id }}:{{ ia.object_id }}"
                                                data-model="{{ ia.content_type.model }}"
                                                data-object-id="{{ ia.object_id }}"
                                                data-label="{{ asset|default_if_none:''|escape }}"
                                                title="{% translate 'Délier' %}"
                                                aria-label="{% translate 'Délier' %}">
                                            <i class="bi bi-link-45deg"></i>
                                        </button>
                                        {% endif %}
                                    </td>
                                    {% endif %}
                                </tr>
                            {% endwith %}
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Origin -->