newdesigngestionnaire/Vue/Gctypegarant/index.php
2026-03-12 09:15:34 +00:00

65 lines
2.5 KiB
PHP
Executable File

<div class="page-content">
<div class="header-section mb-4">
<div class="d-flex align-items-center bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
<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-tags fs-4"></i>
</div>
<div>
<h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Types de Porteur de Risque") ?></h4>
<p class="text-muted small mb-0"><?= _("Configuration des catégories d'entités garantes") ?></p>
</div>
</div>
</div>
<div class="d-flex justify-content-between align-items-center mb-3">
<div>
</div>
<button type="button" class="btn btn-primary rounded-pill px-4 shadow-sm fw-bold" onclick="addgctypegarant();">
<i class="fas fa-plus-circle me-2"></i><?= _("Nouveau Type") ?>
</button>
</div>
<div id="div_lister_table">
<div class="text-center p-5 bg-white rounded shadow-sm border border-dashed">
<div class="spinner-border text-primary mb-3" role="status"></div>
<p class="text-muted fw-bold"><?= _("Chargement de la liste...") ?></p>
</div>
</div>
</div>
<div id="div_add_typegarant" class="modal fade" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content border-0 shadow-lg" id="content_add_typegarant">
</div>
</div>
</div>
<div id="div_edit_typegarant" class="modal fade" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content border-0 shadow-lg" id="content_edit_typegarant">
</div>
</div>
</div>
<style>
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
.border-dashed { border-style: dashed !important; border-width: 2px; }
/* Animation pour les modales */
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: scale(0.95);
}
.modal.show .modal-dialog {
transform: scale(1);
}
</style>
<script>
$(document).ready(function() {
// Chargement initial de la liste
if (typeof actualiser_liste_type_garant === 'function') {
actualiser_liste_type_garant();
}
});
</script>