This commit is contained in:
KONE SOREL 2026-01-04 14:04:31 +00:00
parent 2a9ca71ef4
commit b42ed0c70a

View File

@ -1,15 +1,12 @@
<div class="card shadow-sm border-0 mb-4 animate__animated animate__fadeIn"> <div class="card shadow-sm border-0 mb-4 animate__animated animate__fadeIn">
<div class="card-header bg-white py-3"> <div class="card-header bg-white py-3 border-bottom">
<div class="d-flex align-items-center justify-content-between"> <div class="d-flex align-items-center justify-content-between">
<h5 class="card-title mb-0 fw-bold text-dark"> <h5 class="card-title mb-0 fw-bold text-dark">
<i class="fas fa-history me-2 text-primary"></i><?= _("Historique des Avenants") ?> <i class="fas fa-list-ul me-2 text-primary"></i><?= _("Historique des Avenants") ?>
</h5> </h5>
<div class="text-muted small"> <div class="text-muted">
<span class="badge bg-light text-dark border ps-2"> <span class="badge bg-light text-dark border ps-2">
<i class="fas fa-user-tie me-1"></i> <?= $_SESSION['nomClient_C'] ?> <?= $_SESSION['nomClient_C'] ?> | <?= $police['numeroPolice'] ?>
</span>
<span class="badge bg-primary-subtle text-primary border border-primary-subtle ms-1">
<i class="fas fa-hashtag me-1"></i> <?= $police['numeroPolice'] ?>
</span> </span>
</div> </div>
</div> </div>
@ -17,16 +14,16 @@
<div class="card-body p-0"> <div class="card-body p-0">
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover align-middle mb-0" style="font-size: 0.88rem;"> <table class="table table-hover align-middle mb-0" style="font-size: 0.9rem;">
<thead class="table-light text-muted text-uppercase small"> <thead class="table-light">
<tr> <tr class="text-muted small">
<th class="ps-3 py-3 text-center"><?= _("") ?></th> <th class="ps-3 text-center" width="8%"><?= _("") ?></th>
<th class="text-center"><?= _("Date Effet") ?></th> <th class="text-center" width="12%"><?= _("Effet") ?></th>
<th><?= _("Mouvement") ?></th> <th width="20%"><?= _("Type Mouvement") ?></th>
<th><?= _("Commentaires / Motif") ?></th> <th width="25%"><?= _("Commentaires") ?></th>
<th><?= _("Auteur") ?></th> <th width="15%"><?= _("Saisie par") ?></th>
<th class="text-center"><?= _("Facturation") ?></th> <th class="text-center" width="10%"><?= _("Facturé") ?></th>
<th class="text-center"><?= _("Statut RH") ?></th> <th class="text-center" width="10%"><?= _("RH") ?></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -35,54 +32,39 @@
$isFacture = ($avenant['facture'] == '1'); $isFacture = ($avenant['facture'] == '1');
$isRH = ($avenant['ajoutClient'] == '1'); $isRH = ($avenant['ajoutClient'] == '1');
?> ?>
<tr class="transition-row"> <tr>
<td class="text-center fw-bold text-primary ps-3"> <td class="text-center fw-bold ps-3 text-secondary">
<?= $this->nettoyer($avenant['numeroAvenant']) ?> <?= $this->nettoyer($avenant['numeroAvenant']) ?>
</td> </td>
<td class="text-center fw-bold"> <td class="text-center fw-bold text-dark">
<?= dateLang($this->nettoyer($avenant['dateEffet']), $_SESSION['lang']) ?> <?= dateLang($this->nettoyer($avenant['dateEffet']), $_SESSION['lang']) ?>
</td> </td>
<td> <td>
<div class="fw-bold"><?= $libelleAvenant ?></div> <div class="fw-bold"><?= $libelleAvenant ?></div>
<div class="x-small text-muted"> <div class="x-small text-muted" style="font-size: 0.75rem;">
<i class="far fa-clock me-1"></i><?= dateheureLang($this->nettoyer($avenant['dateSysteme'])) ?> <?= dateheureLang($this->nettoyer($avenant['dateSysteme'])) ?>
</div> </div>
</td> </td>
<td> <td class="text-muted small italic">
<p class="mb-0 text-truncate" style="max-width: 200px;" title="<?= $this->nettoyer($avenant['motifavenant']) ?>"> <?= $this->nettoyer($avenant['motifavenant']) ?: '-' ?>
<?= $this->nettoyer($avenant['motifavenant']) ?: '<span class="text-muted italic small">Aucun motif</span>' ?>
</p>
</td> </td>
<td> <td class="small">
<div class="d-flex align-items-center"> <?= $this->nettoyer($avenant['utilisateur']) ?>
<div class="avatar-xs me-2 bg-light-subtle text-center rounded-circle border" style="width:24px; height:24px; line-height:24px;">
<i class="fas fa-user-edit x-small text-muted"></i>
</div>
<?= $this->nettoyer($avenant['utilisateur']) ?>
</div>
</td> </td>
<td class="text-center"> <td class="text-center">
<?php if($isFacture): ?> <?php if($isFacture): ?>
<div class="d-inline-block text-center"> <span class="badge bg-success px-3 py-2"><?= _("OUI") ?></span>
<span class="badge rounded-pill bg-success mb-1">
<i class="fas fa-check-circle me-1"></i><?= _("Facturé") ?>
</span>
<div class="x-small text-muted fw-bold"><?= $this->nettoyer($avenant['userFacturation']) ?></div>
<div class="x-small text-muted" style="font-size: 0.65rem;"><?= dateheureLang($this->nettoyer($avenant['dateFacturation'])) ?></div>
</div>
<?php else: ?> <?php else: ?>
<span class="badge rounded-pill bg-light text-muted border"><?= _("En attente") ?></span> <span class="badge bg-light text-muted border px-3 py-2"><?= _("NON") ?></span>
<?php endif; ?> <?php endif; ?>
</td> </td>
<td class="text-center"> <td class="text-center">
<?php if($isRH): ?> <?php if($isRH): ?>
<span class="badge bg-info-subtle text-info border border-info-subtle" title="<?= _("Transmis au client") ?>"> <span class="badge bg-primary px-3 py-2"><?= _("OUI") ?></span>
<i class="fas fa-sync-alt me-1"></i><?= _("Synchro") ?>
</span>
<?php else: ?> <?php else: ?>
<i class="fas fa-minus text-light"></i> <span class="badge bg-light text-muted border px-3 py-2"><?= _("NON") ?></span>
<?php endif; ?> <?php endif; ?>
</td> </td>
</tr> </tr>
@ -92,10 +74,3 @@
</div> </div>
</div> </div>
</div> </div>
<style>
.x-small { font-size: 0.75rem; }
.transition-row { transition: background-color 0.2s ease; }
.transition-row:hover { background-color: rgba(13, 110, 253, 0.03) !important; }
.avatar-xs { font-size: 0.65rem; }
</style>