176 lines
6.5 KiB
PHP
176 lines
6.5 KiB
PHP
<?php
|
|
/**
|
|
* Modal de détails RDV pour l'espace intervenant
|
|
* Affiche les détails d'un rendez-vous (lecture seule)
|
|
* Les commentaires ne sont pas affichés pour les RDV des collègues
|
|
*/
|
|
|
|
if (!defined('ABSPATH')) {
|
|
exit;
|
|
}
|
|
?>
|
|
|
|
<!-- Modal Détails RDV -->
|
|
<div class="modal fade" id="rdvModal" tabindex="-1" aria-labelledby="rdvModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="rdvModalLabel">
|
|
<i class="fas fa-calendar-check me-2"></i>Détails du rendez-vous
|
|
</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<!-- Colonne gauche -->
|
|
<div class="col-md-6">
|
|
<!-- Date et heure -->
|
|
<div class="mb-3">
|
|
<p class="mb-1 text-muted small">
|
|
<i class="fas fa-calendar me-2"></i>Date
|
|
</p>
|
|
<p class="fw-bold" id="modal-date-rdv">-</p>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<p class="mb-1 text-muted small">
|
|
<i class="fas fa-clock me-2"></i>Heure
|
|
</p>
|
|
<p class="fw-bold" id="modal-heure-rdv">-</p>
|
|
</div>
|
|
|
|
<!-- Type de RDV -->
|
|
<div class="mb-3">
|
|
<p class="mb-1 text-muted small">
|
|
<i class="fas fa-users me-2"></i>Type
|
|
</p>
|
|
<p class="fw-bold" id="modal-type">-</p>
|
|
</div>
|
|
|
|
<!-- Langue -->
|
|
<div class="mb-3">
|
|
<p class="mb-1 text-muted small">
|
|
<i class="fas fa-language me-2"></i>Langue
|
|
</p>
|
|
<p class="fw-bold" id="modal-langue">-</p>
|
|
</div>
|
|
|
|
<!-- Bénéficiaire -->
|
|
<div class="mb-3">
|
|
<p class="mb-1 text-muted small">
|
|
<i class="fas fa-user me-2"></i>Bénéficiaire
|
|
</p>
|
|
<p class="fw-bold" id="modal-beneficiaire">-</p>
|
|
</div>
|
|
|
|
<!-- Intervenant -->
|
|
<div class="mb-3">
|
|
<p class="mb-1 text-muted small">
|
|
<i class="fas fa-user-md me-2"></i>Intervenant
|
|
</p>
|
|
<p class="fw-bold" id="modal-intervenant">-</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Colonne droite -->
|
|
<div class="col-md-6">
|
|
<!-- Local -->
|
|
<div class="mb-3">
|
|
<p class="mb-1 text-muted small">
|
|
<i class="fas fa-map-marker-alt me-2"></i>Local
|
|
</p>
|
|
<p class="fw-bold" id="modal-local">-</p>
|
|
</div>
|
|
|
|
<!-- Traducteur -->
|
|
<div class="mb-3">
|
|
<p class="mb-1 text-muted small">
|
|
<i class="fas fa-language me-2"></i>Traducteur
|
|
</p>
|
|
<p class="fw-bold" id="modal-traducteur">-</p>
|
|
</div>
|
|
|
|
<!-- Département -->
|
|
<div class="mb-3">
|
|
<p class="mb-1 text-muted small">
|
|
<i class="fas fa-building me-2"></i>Département
|
|
</p>
|
|
<p class="fw-bold" id="modal-departement">-</p>
|
|
</div>
|
|
|
|
<!-- Type d'intervention -->
|
|
<div class="mb-3">
|
|
<p class="mb-1 text-muted small">
|
|
<i class="fas fa-tools me-2"></i>Type d'intervention
|
|
</p>
|
|
<p class="fw-bold" id="modal-type-intervention">-</p>
|
|
</div>
|
|
|
|
<!-- Statut -->
|
|
<div class="mb-3">
|
|
<p class="mb-1 text-muted small">
|
|
<i class="fas fa-info-circle me-2"></i>Statut
|
|
</p>
|
|
<p>
|
|
<span class="badge" id="modal-statut-badge">-</span>
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Commentaire (seulement si is_mine = true) -->
|
|
<div class="mb-3" id="modal-commentaire-container" style="display: none;">
|
|
<p class="mb-1 text-muted small">
|
|
<i class="fas fa-comment me-2"></i>Commentaire
|
|
</p>
|
|
<p class="fw-normal" id="modal-commentaire">-</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" id="rdv-edit-btn" style="display: none;">
|
|
<i class="fas fa-edit me-1"></i>Modifier
|
|
</button>
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
|
|
<i class="fas fa-times me-1"></i>Fermer
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
/* Forcer la modale RDV à passer au-dessus des éléments Avada (toTop, cadres, etc.) */
|
|
/* #rdvModal.modal {
|
|
z-index: 200001 !important;
|
|
}
|
|
|
|
.modal-backdrop {
|
|
z-index: 200000 !important;
|
|
} */
|
|
|
|
#rdvModal .modal-body .text-muted {
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
#rdvModal .modal-body .fw-bold {
|
|
color: #212529;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
#rdvModal .badge {
|
|
font-size: 0.875rem;
|
|
padding: 0.5rem 0.75rem;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.modal-dialog.modal-lg {
|
|
max-width: 95%;
|
|
}
|
|
|
|
.col-md-6 {
|
|
margin-bottom: 1rem;
|
|
}
|
|
}
|
|
</style>
|
|
|