newdesigngestionnaire/Vue/Ajaxparamseuilalerte/affichergarantieproduitcons.php
2026-03-13 14:13:36 +00:00

73 lines
3.2 KiB
PHP
Executable File

<div class="card border-0 shadow-sm overflow-hidden" style="border-radius: var(--radius-md);">
<div class="card-body p-0">
<div class="table-responsive">
<table id="tableSeuils" class="table table-hover align-middle mb-0 datatable-inter" style="font-size: 10pt;">
<thead class="bg-light text-muted small text-uppercase">
<tr>
<th rowspan="2" class="ps-4 text-dark fw-bold border-bottom-0" style="vertical-align: middle;">
<i class="fas fa-shield-alt me-2"></i><?= _("Garantie") ?>
</th>
<th colspan="2" class="text-center border-bottom text-dark fw-bold">
<?= _("Paramètres du Seuil d'Alerte") ?>
</th>
</tr>
<tr>
<th class="text-center border-top-0"><?= _("Taux (%)") ?></th>
<th class="text-center border-top-0"><?= _("Forfait (Montant)") ?></th>
</tr>
</thead>
<tbody>
<?php foreach ($garanties_avec_seuils as $garanties_avec_seuil):
$id = $garanties_avec_seuil['id'];
$tauxSeuilAlerte = $garanties_avec_seuil['tauxSeuilAlerte'];
$seuilAlerte = $garanties_avec_seuil['seuilAlerte'];
?>
<tr>
<td class="ps-4 fw-medium text-dark">
<?= $this->nettoyer($garanties_avec_seuil['garantie']) ?>
</td>
<td width="20%" class="text-center">
<span class="badge bg-info-ghost text-info px-3 py-2 fw-bold" style="min-width: 60px;">
<?= $tauxSeuilAlerte ?> %
</span>
</td>
<td width="20%" class="text-center">
<div class="fw-bold text-primary">
<?= format_N($seuilAlerte) ?> <small class="text-muted fw-normal">FCFA</small>
</div>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>
</div>
<div class="card-footer bg-white border-top-0 py-3">
<div class="d-flex align-items-center text-muted small">
<i class="fas fa-info-circle me-2 text-primary"></i>
<?= _("Ces seuils déclenchent une alerte automatique lors de la saisie des prestations si la consommation dépasse les limites fixées.") ?>
</div>
</div>
</div>
<style>
/* Style local pour l'alignement des colonnes à double entête */
#tableSeuils thead th {
padding-top: 12px;
padding-bottom: 12px;
border-color: #f1f4f6 !important;
}
#tableSeuils tbody td {
border-color: #f1f4f6;
}
.bg-info-ghost {
background: rgba(0, 184, 212, 0.1) !important;
color: #00b8d4 !important;
}
</style>