newdesigngestionnaire/Vue/Ajaxproduitreseau/afficherreseaucategorie.php
2026-03-18 14:23:28 +00:00

97 lines
5.6 KiB
PHP
Executable File

<div id="div_produitreseau" class="animate__animated animate__fadeIn">
<div class="row g-3">
<div class="col-lg-6">
<div class="card border-0 shadow-sm h-100">
<div class="card-header bg-white py-3 border-bottom">
<div class="d-flex justify-content-between align-items-center mb-3">
<h6 class="mb-0 fw-bold text-primary text-uppercase">
<i class="fas fa-unlock me-2"></i><?= _("Réseaux Disponibles") ?>
</h6>
</div>
<button type="button" class="btn btn-primary-ghost btn-sm w-100 rounded-pill fw-bold" onclick="ajouter_tous_reseaus_produit();">
<?= _("Ajouter tous") ?> <i class="fas fa-angle-double-right ms-1"></i>
</button>
</div>
<div class="card-body p-0">
<div class="table-responsive" style="max-height: 450px;">
<table class="table table-hover align-middle mb-0" style="font-size: 9.5pt;">
<thead class="bg-light sticky-top">
<tr>
<th class="ps-3 py-2"><?= _("Libellé du Réseau") ?></th>
<th class="text-center py-2" width="70px"><?= _("Action") ?></th>
</tr>
</thead>
<tbody>
<?php foreach ($reseausnonaccessibles as $v): $code = $v['codeReseau']; ?>
<tr>
<td class="ps-3 fw-bold text-dark"><?= $this->nettoyer($v['libelle']) ?></td>
<td class="text-center">
<button class="btn btn-sm btn-primary-ghost rounded-circle action-icon"
onclick="ajouter_un_reseau_produit('<?= $code ?>');" title="Ajouter">
<i class="fas fa-chevron-right"></i>
</button>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card border-0 shadow-sm h-100 border-start border-success border-4">
<div class="card-header bg-white py-3 border-bottom">
<div class="d-flex justify-content-between align-items-center mb-3">
<h6 class="mb-0 fw-bold text-success text-uppercase">
<i class="fas fa-check-circle me-2"></i><?= _("Réseaux Accessibles") ?>
</h6>
</div>
<button type="button" class="btn btn-danger-light btn-sm w-100 rounded-pill fw-bold" onclick="retirer_tous_reseau_produit();">
<i class="fas fa-angle-double-left me-1"></i> <?= _("Retirer tous les réseaux") ?>
</button>
</div>
<div class="card-body p-0">
<div class="table-responsive" style="max-height: 450px;">
<table class="table table-hover align-middle mb-0" style="font-size: 9.5pt;">
<thead class="bg-success-light text-success sticky-top">
<tr>
<th class="text-center py-2" width="70px"><?= _("Action") ?></th>
<th class="py-2"><?= _("Libellé du Réseau") ?></th>
</tr>
</thead>
<tbody>
<?php foreach ($reseausaccessibles as $v): $code = $v['codeReseau']; ?>
<tr>
<td class="text-center">
<button class="btn btn-sm btn-danger-light rounded-circle action-icon"
onclick="retirer_un_reseau_produit('<?= $code ?>');" title="Retirer">
<i class="fas fa-chevron-left"></i>
</button>
</td>
<td class="fw-bold text-dark text-uppercase"><?= $this->nettoyer($v['reseausoin']) ?></td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.btn-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
.bg-success-light { background-color: rgba(25, 135, 84, 0.08) !important; }
.btn-danger-light { color: #dc3545; background-color: rgba(220, 53, 69, 0.1); border: none; }
.action-icon { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.2s; }
.action-icon:hover { transform: scale(1.1); }
/* Scrollbar personnalisée */
.table-responsive::-webkit-scrollbar { width: 5px; }
.table-responsive::-webkit-scrollbar-thumb { background: #cbd5e0; border-radius: 10px; }
</style>