{% load i18n interventions_tags short_name %}
        <div id="section-origine" class="card mb-4 {% if intervention.maintain_type != 'corrective' %} d-none {% endif %}">
            <div class="card-header">
                <h4>Origine</h4>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <label class="mx-2">{% translate "Date de création" %} :</label>{{ intervention.events.first.event_time|date:"d-m-Y H:i" }}<br>
                        <label class="mx-2">{% translate "Initié par" %} :</label>{{ intervention.events.first.event_user|short_name }}<br>
                        <label class="mx-2">{% translate "Appel au prestataire" %} :</label>
                        {% if intervention.init_call_confirmed_time %}
                            {{ intervention.init_call_confirmed_time|date:"d-m-Y H:i" }}
                            <span class="ms-2">
                                {% translate "Réception" %} :
                                {% if intervention.init_call_received %}
                                    {% translate "Oui" %}
                                {% else %}
                                    {% translate "Non" %}
                                {% endif %}
                            </span>
                        {% else %}
                            -
                        {% endif %}
                    </div>
                    <div class="col-md-6">
                        <div class="d-flex align-items-center editable-field" data-field="symptom" data-can-edit="{% if 'symptom' in allowed_update_fields %}true{% else %}false{% endif %}">
                            <span class="label mx-2">{% translate "Symptôme" %}:</span>
                            <div class="field-display">
                                <span class="field-value">{% if intervention.symptom %}{{ intervention.symptom.name_fr }}{% else %}Non spécifié{% endif %}</span>
                            </div>
                            <div class="field-edit d-none" style="flex: 1;">
                                <select class="form-select form-select-sm">
                                    <option value="">{% translate "Sélectionner un symptôme" %}</option>
                                    {% for symptom in symptoms %}
                                        <option value="{{ symptom.id }}" {% if intervention.symptom.id == symptom.id %}selected{% endif %}>
                                            {{ symptom.name_fr }}
                                        </option>
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                        <div class="d-flex align-items-center editable-field" data-field="origin_type" data-can-edit="{% if 'origin_type' in allowed_update_fields %}true{% else %}false{% endif %}">
                            <span class="label mx-2">{% translate "Type" %}:</span>
                            <div class="field-display">
                                <span class="field-value">{{ intervention.get_origin_type_display|default:"Non spécifiée" }}</span>
                            </div>
                            <div class="field-edit d-none" style="flex: 1;">
                                <select class="form-select form-select-sm">
                                    <option value="">{% translate "Sélectionner un type" %}</option>
                                    {% for value, label in origin_type_choices %}
                                        <option value="{{ value }}" {% if intervention.origin_type == value %}selected{% endif %}>
                                            {{ label }}
                                        </option>
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- <hr>
                <label class="mx-2">Description :</label>
                <p class="mx-2">{{ intervention.init_description|default:"Aucune description disponible."|safe }}</p> -->
                <hr>
                <div class="row">
                    <div class="col-md-6">
                        <div class="d-flex align-items-center editable-field" data-field="source_category" data-can-edit="{% if 'source_category' in allowed_update_fields %}true{% else %}false{% endif %}">
                            <span class="label mx-2">Source:</span>
                            <div class="field-display">
                                <span class="field-value">{{ intervention.source_category.getName|default:"-" }}</span>
                            </div>
                            <div class="field-edit d-none" style="flex: 1;">
                                <select class="form-select form-select-sm">
                                    <option value="">{% translate "Sélectionner une source" %}</option>
                                    {% for source in source_categories %}
                                        <option value="{{ source.id }}" {% if intervention.source_category.id == source.id %}selected{% endif %}>
                                            {{ source.getName }}
                                        </option>
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                        
                        {% if intervention.source_ref or 'source_ref' in allowed_update_fields %}
                        <div class="d-flex align-items-center editable-field cms-conditional-field {% if not intervention.source_ref %}d-none{% endif %}" data-field="source_ref" data-can-edit="{% if 'source_ref' in allowed_update_fields %}true{% else %}false{% endif %}" data-has-value="{% if intervention.source_ref %}true{% else %}false{% endif %}">
                            <span class="label mx-2">{% translate "Référence" %}:</span>
                            <div class="field-display">
                                <span class="field-value">
                                    {% if source_observation %}
                                        <a href="{% url 'observations:observation_detail' source_observation.id %}">{{ source_observation.code }}</a>
                                    {% elif intervention.source_ref %}
                                        {{ intervention.source_ref }}
                                    {% else %}
                                        -
                                    {% endif %}
                                </span>
                            </div>
                            <div class="field-edit d-none" style="flex: 1;">
                                <input type="text" class="form-control form-control-sm" value="{{ intervention.source_ref|default:'' }}" placeholder="{% translate 'Référence' %}">
                            </div>
                        </div>
                        {% endif %}
                        
                        {% if intervention.source_detail or 'source_detail' in allowed_update_fields %}
                        <div class="d-flex align-items-center editable-field cms-conditional-field {% if not intervention.source_detail %}d-none{% endif %}" data-field="source_detail" data-can-edit="{% if 'source_detail' in allowed_update_fields %}true{% else %}false{% endif %}" data-has-value="{% if intervention.source_detail %}true{% else %}false{% endif %}">
                            <span class="label mx-2">{% translate "Détail" %}:</span>
                            <div class="field-display">
                                <span class="field-value">{{ intervention.source_detail|default:"-" }}</span>
                            </div>
                            <div class="field-edit d-none" style="flex: 1;">
                                <input type="text" class="form-control form-control-sm" value="{{ intervention.source_detail|default:'' }}" placeholder="{% translate 'Détail' %}">
                            </div>
                        </div>
                        {% endif %}
                    </div>
                    <div class="col-md-6">
                        <label class="mx-2">{% translate "Fiche d'intervention" %} :</label>
                        {% if intervention.status in 'in_preparation,to_be_approved' %}
                            <a class="btn btn-primary" target="_blank" href="{% url 'interventions:intervention_pdf_preview' intervention.id %}">
                                {% translate "Prévisualiser la fiche d'intervention" %}
                            </a>
                        {% else %}
                            {% if intervention.intervention_sheet %}
                                {% private_file_url intervention 'intervention_sheet' as intervention_sheet_url %}
                                <a href="{{ intervention_sheet_url }}" target="_blank">{{ intervention.intervention_sheet_filename }}</a><br>
                            {% endif %}
                        {% endif %}
                    </div>
                    {% if can_send_reminder %}
                    <div class="col-md-6 mt-3">
                        <div class="mx-2">
                            <button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#sendReminderModal">
                                <i class="bi bi-envelope me-1" aria-hidden="true"></i>
                                {% translate "Envoyer un rappel" %}
                            </button>
                            <button type="button" class="btn btn-outline-primary btn-sm me-2" data-bs-toggle="modal" data-bs-target="#sendModificationModal">
                                <i class="bi bi-pencil-square me-1" aria-hidden="true"></i>
                                {% translate "Envoyer une modification" %}
                            </button>
                            <div id="reminderFeedback" class="mt-2"></div>
                            <div id="modificationFeedback" class="mt-2"></div>
                        </div>
                    </div>
                    {% endif %}
                </div>
                {% if can_send_reminder %}
                <div class="modal fade" id="sendReminderModal" tabindex="-1" aria-labelledby="sendReminderModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered modal-sm">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="sendReminderModalLabel">{% translate "Envoyer un rappel" %}</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate "Fermer" %}"></button>
                            </div>
                            <div class="modal-body">
                                <p class="mb-0">{% translate "Confirmez-vous l'envoi d'une fiche de rappel au prestataire ?" %}</p>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{% translate "Annuler" %}</button>
                                <button type="button" class="btn btn-primary" id="confirmSendReminderBtn" data-endpoint="{% url 'interventions:send_intervention_reminder' intervention.id %}">
                                    <span class="spinner-border spinner-border-sm me-2 d-none" role="status" aria-hidden="true" id="sendReminderSpinner"></span>
                                    {% translate "Envoyer le rappel" %}
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal fade" id="sendModificationModal" tabindex="-1" aria-labelledby="sendModificationModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <form id="sendModificationForm" data-endpoint="{% url 'interventions:send_intervention_modification' intervention.id %}">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="sendModificationModalLabel">{% translate "Envoyer une modification" %}</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate "Fermer" %}"></button>
                                </div>
                                <div class="modal-body">
                                    <div id="modificationModalFeedback" class="mb-2"></div>
                                    <div class="mb-3">
                                        <label for="modificationReason" class="form-label">{% translate "Motif de la modification" %}</label>
                                        <textarea class="form-control" id="modificationReason" name="reason" rows="4" required placeholder="{% translate "Décrivez le motif de la modification" %}"></textarea>
                                        <div class="form-text">{% translate "Ce motif sera affiché en tête de la fiche envoyée." %}</div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{% translate "Annuler" %}</button>
                                    <button type="submit" class="btn btn-primary" id="confirmSendModificationBtn">
                                        <span class="spinner-border spinner-border-sm me-2 d-none" role="status" aria-hidden="true" id="sendModificationSpinner"></span>
                                        {% translate "Envoyer la modification" %}
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                {% endif %}

                <!-- Historique des envois -->
                {% if email_logs %}
                <div class="row mt-4">
                    <div class="col-12">
                        <label class="mx-2 mb-2">{% translate "Historique des envois" %} :</label>
                        <div class="table-responsive mx-2">
                            <table class="table table-sm table-hover mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>{% translate "Date" %}</th>
                                        <th>{% translate "Type" %}</th>
                                        <th>{% translate "Destinataires" %}</th>
                                        <th>{% translate "Par" %}</th>
                                        <th>{% translate "Statut" %}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for log in email_logs %}
                                    <tr>
                                        <td>{{ log.sent_at|date:"d/m/Y H:i" }}</td>
                                        <td>{{ log.get_email_type_display }}</td>
                                        <td><small>{{ log.recipients|truncatechars:50 }}</small></td>
                                        <td>{% if log.sent_by %}{{ log.sent_by|short_name }}{% else %}-{% endif %}</td>
                                        <td>
                                            {% if log.success %}
                                                <span class="badge bg-success">{% translate "Envoyé" %}</span>
                                            {% else %}
                                                <span class="badge bg-danger" title="{{ log.error_message }}">{% translate "Échec" %}</span>
                                            {% endif %}
                                        </td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                {% endif %}
            </div>
        </div>