newdesigngestionnaire/Vue/Tranchesaccessoires/index.php
2026-04-10 10:54:17 +00:00

35 lines
1.7 KiB
PHP
Executable File

<div class="page-content animate__animated animate__fadeIn">
<div class="header-section mb-1">
<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-coins fs-4"></i>
</div>
<div>
<h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Grille des accessoires") ?></h4>
<p class="text-muted small mb-0">
<?= _("Gestion des barèmes de frais accessoires par tranche de prime") ?>
</p>
</div>
</div>
<div class="d-flex gap-2">
<input class="sr-only" type="text" id="nomForm" name="nomForm" value="frmtrancheaccessoire">
</div>
</div>
</div>
<div id="div_entete_table" class="mb-2"></div>
<div id="div_maj_table" class="mb-3"></div>
<div id="div_lister_table" class="card border-0 shadow-sm animate__animated animate__fadeInUp">
<?php require "Vue/Ajaxtblisterbaremeaccessoireavenant/index.php";?>
</div>
</div>
<style>
.bg-primary-ghost { background-color: rgba(13, 110, 253, 0.1); }
/* Optimisation du tableau pour DataTables */
.datatable-inter.compact tbody td { padding: 12px 8px !important; }
.datatable-inter.compact thead th { font-size: 0.75rem; letter-spacing: 0.5px; }
</style>