newdesigngestionnaire/Vue/Baremepriseencharge/index.php
2026-03-19 11:49:27 +00:00

82 lines
4.2 KiB
PHP
Executable File

<?php
$codeGcAssureur = isset($_SESSION['codeGcAssureur']) ? $_SESSION['codeGcAssureur'] : "";
?>
<div class="page-content animate__animated animate__fadeIn">
<div class="header-section mb-4">
<div class="d-flex align-items-center justify-content-between bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
<div class="d-flex align-items-center">
<div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
<i class="fas fa-file-invoice-dollar fs-4"></i>
</div>
<div>
<h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Barèmes modèles par produit") ?></h4>
<p class="text-muted small mb-0"><?= _("Gestion des taux de remboursement et des modèles de barèmes de prise en charge") ?></p>
</div>
</div>
<div>
<button class="btn btn-primary rounded-pill px-4 fw-bold shadow-sm btn-sm" onclick="afficher_bareme_produit();">
<i class="fas fa-sync-alt me-1"></i> <?= _("Actualiser") ?>
</button>
</div>
</div>
</div>
<div class="card border-0 shadow-sm mb-1">
<div class="card-body bg-light-subtle p-3">
<div class="row g-3 align-items-end">
<div class="col-md-5">
<label class="form-label small fw-bold text-muted text-uppercase mb-1"><?= _("Garant") ?></label>
<select class="selectpicker form-control border-2" id="codeGcAssureur" name="codeGcAssureur" data-live-search="true" onchange="filtreproduitbareme();">
<?php liste_options($garant, $codeGcAssureur); ?>
</select>
</div>
<div class="col-md-5">
<label class="form-label small fw-bold text-muted text-uppercase mb-1"><?= _("Produit associé") ?></label>
<div id="div_produit">
<select class="selectpicker form-control border-2" data-live-search="true" disabled>
<option><?= _("-- Sélectionner un garant --") ?></option>
</select>
</div>
</div>
<div class="col-md-2">
<button class="btn btn-primary w-100 fw-bold py-2 border-2" onclick="afficher_bareme_produit();">
<i class="fas fa-filter me-1"></i> <?= _("Filtrer") ?>
</button>
</div>
</div>
</div>
</div>
<div id="div_bareme" class="animate__animated animate__fadeIn">
<div class="text-center p-5 bg-white rounded shadow-sm border border-2 border-dashed opacity-50">
<i class="fas fa-clipboard-list fa-3x mb-3"></i>
<p><?= _("Veuillez sélectionner les critères pour afficher les barèmes.") ?></p>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
// On cible l'input de date par son ID
var inputDate = document.getElementById('dateEffetBareme');
if (inputDate) {
// Initialisation (si ton plugin le permet en JS pur)
// Sinon, on gère dynamiquement le z-index lors du clic
inputDate.addEventListener('focus', function() {
// Un court délai pour laisser le plugin créer l'élément DOM du calendrier
setTimeout(function() {
var picker = document.querySelector('.datepicker-dropdown');
if (picker) {
// On le déplace à la fin du body pour qu'il ignore le z-index du header
document.body.appendChild(picker);
picker.style.zIndex = "9999";
picker.style.display = "block";
picker.style.opacity = "1";
}
}, 100);
});
}
});
</script>