You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1516 lines
58 KiB
1516 lines
58 KiB
<!-- Content Wrapper. Contains page content -->
|
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
|
|
|
<div class="content-wrapper">
|
|
<section class="content-header">
|
|
<h1>
|
|
Gérer les
|
|
<small>Avances</small>
|
|
</h1>
|
|
<ol class="breadcrumb">
|
|
<li><a href="#"><i class="fa fa-dashboard"></i> Accueil</a></li>
|
|
<li class="active">Avances</li>
|
|
</ol>
|
|
</section>
|
|
|
|
<section class="content">
|
|
<div id="messages"></div>
|
|
|
|
<?php if (in_array('createAvance', $user_permission)): ?>
|
|
<button class="btn btn-primary" data-toggle="modal" data-target="#createModal">AJOUTER UNE AVANCE</button>
|
|
<br /><br />
|
|
<?php endif; ?>
|
|
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<button id="avance_no_order" class="btn btn-warning w-100 rounded-pill shadow-sm py-2">
|
|
<i class="fa fa-hourglass-half me-2"></i> Avances Incomplètes
|
|
</button>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<button id="avance_order" class="btn btn-success w-100 rounded-pill shadow-sm py-2">
|
|
<i class="fa fa-check-circle me-2"></i> Avances Complètes
|
|
</button>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<button id="avance_expired" class="btn btn-outline-danger w-100 rounded-pill shadow-sm py-2 fw-bold border-2">
|
|
<i class="fa fa-exclamation-circle me-2"></i> Avances Expirées
|
|
</button>
|
|
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<!-- Récupérer la session au début de la section -->
|
|
<?php
|
|
$session = session();
|
|
$users = $session->get('user');
|
|
$isAdmin = isset($users['group_name']) && in_array($users['group_name'], ['SuperAdmin', 'Direction', 'DAF']);
|
|
$isCommerciale = isset($users['group_name']) && in_array($users['group_name'], ['COMMERCIALE']);
|
|
$isCaissier = isset($users['group_name']) && in_array($users['group_name'], ['Caissière']);
|
|
?>
|
|
|
|
<!-- Bouton de vérification des avances expirées -->
|
|
<?php if (isset($users['group_name']) && in_array($users['group_name'], ['SuperAdmin', 'Direction', 'DAF'])): ?>
|
|
<div class="row mb-3">
|
|
<div class="col-md-12 text-right">
|
|
<button
|
|
type="button"
|
|
class="btn btn-warning"
|
|
onclick="processExpiredAvances()"
|
|
id="btnProcessExpired">
|
|
<i class="fa fa-exclamation-triangle"></i> Vérification des avances expirées
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
<div class="box">
|
|
<div class="box-header"><h3 class="box-title">Liste des avances</h3></div>
|
|
<div class="box-body">
|
|
<table id="avanceTable" class="table table-bordered table-striped">
|
|
<thead>
|
|
<?php $session = session();
|
|
$users = $session->get('user');
|
|
$isAdmin = in_array($users['group_name'], ['SuperAdmin', 'Direction','DAF']);
|
|
$isCommerciale = in_array($users['group_name'], ['COMMERCIALE']);
|
|
$isCaissier = in_array($users['group_name'], ['Caissière']);
|
|
if ($isAdmin): ?>
|
|
<tr>
|
|
<th>Client</th>
|
|
<th>Téléphone</th>
|
|
<th>Adresse</th>
|
|
<th>Produit</th>
|
|
<th>Prix</th>
|
|
<th>Avance</th>
|
|
<th>Reste à payer</th>
|
|
<th>Date</th>
|
|
<?php if (in_array('updateAvance', $user_permission) || in_array('deleteAvance', $user_permission)): ?>
|
|
<th>Action</th>
|
|
<?php endif;?>
|
|
</tr>
|
|
<?php endif;?>
|
|
<?php $session = session();
|
|
$users = $session->get('user');
|
|
$isAdmin = in_array($users['group_name'], ['SuperAdmin', 'Direction', 'DAF']);
|
|
$isCommerciale = in_array($users['group_name'], ['COMMERCIALE']);
|
|
$isCaissier = in_array($users['group_name'], ['Caissière']);
|
|
if ($isCommerciale || $isCaissier): ?>
|
|
<tr>
|
|
<th>#</th>
|
|
<th>Produit</th>
|
|
<th>Avance</th>
|
|
<th>Reste à payer</th>
|
|
<th>Date</th>
|
|
<?php if (in_array('updateAvance', $user_permission) || in_array('deleteAvance', $user_permission) ||in_array('viewAvance', $user_permission)): ?>
|
|
<th>Action</th>
|
|
<?php endif;?>
|
|
</tr>
|
|
<?php endif;?>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- Modal Création -->
|
|
<?php if (in_array('createAvance', $user_permission)): ?>
|
|
<div class="modal fade" id="createModal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<form id="create_avance_form">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">Ajouter une avance</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<!-- Type d'avance -->
|
|
<div class="form-group col-md-6">
|
|
<label for="type_avance" class="form-label">Type d'avance</label>
|
|
<select name="type_avance" id="type_avance" class="form-control" required>
|
|
<option value="" disabled selected>Sélectionnez un type d'avance</option>
|
|
<option value="terre">Avance sur terre</option>
|
|
<option value="mere">Avance sur mer</option>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- Moyen de paiement -->
|
|
<div class="form-group col-md-6">
|
|
<label for="type_payment" class="form-label">Moyen de paiement</label>
|
|
<select class="form-control" id="type_payment" name="type_payment">
|
|
<option value="" disabled selected>Sélectionnez un moyen de paiement</option>
|
|
<option value="MVOLA">MVOLA</option>
|
|
<option value="Virement Bancaire">Virement Bancaire</option>
|
|
<option value="En espèce">En espèce</option>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- Nom client -->
|
|
<div class="form-group col-md-6">
|
|
<label>Nom du client</label>
|
|
<input type="text" name="customer_name_avance" id="customer_name_avance" class="form-control" required>
|
|
</div>
|
|
|
|
<!-- Téléphone client -->
|
|
<div class="form-group col-md-6">
|
|
<label>Téléphone du client</label>
|
|
<input type="text" name="customer_phone_avance" id="customer_phone_avance" class="form-control" required>
|
|
</div>
|
|
|
|
<!-- Adresse client -->
|
|
<div class="form-group col-md-6">
|
|
<label>Adresse du client</label>
|
|
<input type="text" name="customer_address_avance" id="customer_address_avance" class="form-control" required>
|
|
</div>
|
|
|
|
<!-- CIN client -->
|
|
<div class="form-group col-md-6">
|
|
<label>CIN du client</label>
|
|
<input type="text" name="customer_cin_avance" id="customer_cin_avance" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- Produit avec sélection (pour "terre") -->
|
|
<div class="form-group col-md-6" id="product_select_container">
|
|
<label for="id_product" class="form-label">Produit</label>
|
|
<select name="id_product" id="id_product" class="form-control" onchange="getProductDataCreate()">
|
|
<option value="">Sélectionnez un produit</option>
|
|
<?php foreach($products as $p): ?>
|
|
<option value="<?= $p['id'] ?>" <?= $p['product_sold'] ? 'disabled' : '' ?>>
|
|
<?= esc($p['name']) ?>|<?= esc($p['sku']) ?> <?= $p['product_sold'] ? '(Rupture)' : '' ?>
|
|
</option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- Produit avec texte libre (pour "mère") -->
|
|
<div class="form-group col-md-6" id="product_text_container" style="display:none;">
|
|
<label>Produit (à compléter)</label>
|
|
<input type="text" name="product_name_text" id="product_name_text" class="form-control" placeholder="Entrez le nom du produit">
|
|
</div>
|
|
|
|
<!-- Prix du produit -->
|
|
<div class="form-group col-md-6">
|
|
<label>Prix du produit</label>
|
|
<input type="text" name="gross_amount" id="gross_amount" class="form-control" placeholder="Entrez le prix">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- Avance -->
|
|
<div class="form-group col-md-6">
|
|
<label>Avance</label>
|
|
<input type="text" name="avance_amount" id="avance_amount" class="form-control" placeholder="Entrez l'avance">
|
|
</div>
|
|
|
|
<!-- Reste à payer -->
|
|
<div class="form-group col-md-6">
|
|
<label>Reste à payer</label>
|
|
<input type="text" name="amount_due" id="amount_due" class="form-control" readonly>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Commentaire (affiché uniquement pour "mère") -->
|
|
<div class="row">
|
|
<div class="form-group col-md-12" id="commentaire_container" style="display:none;">
|
|
<label>Commentaire</label>
|
|
<textarea name="commentaire" id="commentaire" class="form-control" rows="3"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<button type="submit" class="btn btn-primary">Enregistrer</button>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<!-- Modal Modification -->
|
|
<?php if (in_array('updateAvance', $user_permission)): ?>
|
|
<div class="modal fade" id="updateModal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<form id="update_avance_form" method="post">
|
|
<input type="hidden" name="id" id="avance_id_edit">
|
|
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">Modifier une avance</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<!-- Type d'avance -->
|
|
<div class="form-group col-md-6">
|
|
<label for="type_avance_edit" class="form-label">Type d'avance</label>
|
|
<select name="type_avance_edit" id="type_avance_edit" class="form-control" required>
|
|
<option value="" disabled>Sélectionnez un type d'avance</option>
|
|
<option value="terre">Avance sur terre</option>
|
|
<option value="mere">Avance sur mer</option>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- Moyen de paiement -->
|
|
<div class="form-group col-md-6">
|
|
<label for="type_payment_edit" class="form-label">Moyen de paiement</label>
|
|
<select class="form-control" id="type_payment_edit" name="type_payment_edit">
|
|
<option value="" disabled>Sélectionnez un moyen de paiement</option>
|
|
<option value="MVOLA">MVOLA</option>
|
|
<option value="Virement Bancaire">Virement Bancaire</option>
|
|
<option value="En espèce">En espèce</option>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- Nom client -->
|
|
<div class="form-group col-md-6">
|
|
<label>Nom du client</label>
|
|
<input type="text" name="customer_name_avance_edit" id="customer_name_avance_edit" class="form-control" required>
|
|
</div>
|
|
|
|
<!-- Téléphone client -->
|
|
<div class="form-group col-md-6">
|
|
<label>Téléphone du client</label>
|
|
<input type="text" name="customer_phone_avance_edit" id="customer_phone_avance_edit" class="form-control" required>
|
|
</div>
|
|
|
|
<!-- Adresse client -->
|
|
<div class="form-group col-md-6">
|
|
<label>Adresse du client</label>
|
|
<input type="text" name="customer_address_avance_edit" id="customer_address_avance_edit" class="form-control" required>
|
|
</div>
|
|
|
|
<!-- CIN client -->
|
|
<div class="form-group col-md-6">
|
|
<label>CIN du client</label>
|
|
<input type="text" name="customer_cin_avance_edit" id="customer_cin_avance_edit" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- Produit avec sélection (pour "terre") -->
|
|
<div class="form-group col-md-6" id="product_select_container_edit">
|
|
<label class="form_label">Produit</label>
|
|
<select name="id_product_edit" id="id_product_edit" class="form-control" onchange="getProductDataUpdate()">
|
|
<option value="">Sélectionnez un produit</option>
|
|
<?php foreach($products as $p): ?>
|
|
<option value="<?= $p['id'] ?>" <?= $p['product_sold'] ? 'disabled' : '' ?>>
|
|
<?= esc($p['sku']) ?> | <?= esc($p['name']) ?> | <?= esc($p['numero_de_moteur']) ?> | <?= esc($p['puissance']) ?>
|
|
<?= $p['product_sold'] ? ' (Rupture)' : '' ?>
|
|
</option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- Produit avec texte libre (pour "mère") -->
|
|
<div class="form-group col-md-6" id="product_text_container_edit" style="display:none;">
|
|
<label>Produit (à compléter)</label>
|
|
<input type="text" name="product_name_text_edit" id="product_name_text_edit" class="form-control" placeholder="Entrez le nom du produit">
|
|
</div>
|
|
|
|
<!-- Prix du produit -->
|
|
<div class="form-group col-md-6">
|
|
<label>Prix du produit</label>
|
|
<input type="text" name="gross_amount_edit" id="gross_amount_edit" class="form-control" placeholder="Entrez le prix">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- Avance -->
|
|
<div class="form-group col-md-6">
|
|
<label>Avance</label>
|
|
<input type="text" name="avance_amount_edit" id="avance_amount_edit" class="form-control" placeholder="Entrez l'avance">
|
|
</div>
|
|
|
|
<!-- Reste à payer -->
|
|
<div class="form-group col-md-6">
|
|
<label>Reste à payer</label>
|
|
<input type="text" name="amount_due_edit" id="amount_due_edit" class="form-control" readonly>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Commentaire (affiché uniquement pour "mère") -->
|
|
<div class="row">
|
|
<div class="form-group col-md-12" id="commentaire_container_edit" style="display:none;">
|
|
<label>Commentaire</label>
|
|
<textarea name="commentaire_edit" id="commentaire_edit" class="form-control" rows="3"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<button type="submit" class="btn btn-success">Modifier</button>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endif;?>
|
|
|
|
<!-- Modal de Prévisualisation pour Caissière et Direction -->
|
|
<?php if (in_array('viewAvance', $user_permission)): ?>
|
|
<div class="modal fade" id="viewModal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">Prévisualisation de la Facture</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
|
|
<div class="modal-body" id="invoice-preview-container">
|
|
<!-- Le contenu de la facture sera injecté ici -->
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<!-- ✅ Le bouton est MASQUÉ par défaut et sera affiché par JavaScript si l'utilisateur est caissière -->
|
|
<button type="button"
|
|
class="btn btn-primary"
|
|
onclick="printFromModal()"
|
|
id="btnPrintInvoice"
|
|
style="display:none;">
|
|
<i class="fa fa-print"></i> Imprimer
|
|
</button>
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<?php if (in_array('deleteAvance', $user_permission)): ?>
|
|
<!-- remove brand modal -->
|
|
<div class="modal fade" tabindex="-1" role="dialog" id="removeModal">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title">Supprimer cette avance</h4>
|
|
</div>
|
|
<form role="form" action="<?php echo base_url('avances/deleteAvance') ?>" method="post" id="removeForm">
|
|
<input type="hidden" name="avance_id" value="">
|
|
<input type="hidden" name="product_id" value="">
|
|
<div class="modal-body">
|
|
<p>Voulez-vous vraiment supprimer ?</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
|
|
<button type="submit" class="btn btn-primary">Oui</button>
|
|
</div>
|
|
</form>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
<?php endif; ?>
|
|
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
|
<script>
|
|
var base_url = "<?= base_url() ?>", brutCreate = 0, brutEdit = 0;
|
|
|
|
// =====================================================
|
|
// 🔥 FONCTIONS DE FORMATAGE DES NOMBRES
|
|
// =====================================================
|
|
|
|
// Fonction pour formater les nombres avec séparateurs de milliers
|
|
function formatNumber(number) {
|
|
if (!number && number !== 0) return '';
|
|
|
|
// Convertir en string et nettoyer
|
|
var numStr = number.toString().replace(/\s/g, '');
|
|
|
|
// Vérifier que c'est un nombre valide
|
|
if (!/^\d+$/.test(numStr)) return number;
|
|
|
|
// Formater avec espaces
|
|
return numStr.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
|
|
}
|
|
|
|
// Fonction pour enlever les espaces et convertir en nombre
|
|
function unformatNumber(formattedNumber) {
|
|
if (!formattedNumber) return 0;
|
|
return parseFloat(formattedNumber.toString().replace(/\s/g, '')) || 0;
|
|
}
|
|
|
|
// Fonction pour gérer le formatage en temps réel
|
|
function handleNumberFormat(input) {
|
|
// Sauvegarder la position du curseur
|
|
var cursorPosition = input.selectionStart;
|
|
var originalLength = input.value.length;
|
|
|
|
// Récupérer la valeur et enlever les espaces
|
|
var rawValue = input.value.replace(/\s/g, '');
|
|
|
|
// Formater seulement si c'est un nombre valide
|
|
if (rawValue === '' || /^\d+$/.test(rawValue)) {
|
|
var formattedValue = formatNumber(rawValue);
|
|
input.value = formattedValue;
|
|
|
|
// Ajuster la position du curseur
|
|
var newLength = formattedValue.length;
|
|
var lengthDiff = newLength - originalLength;
|
|
var newCursorPosition = cursorPosition + lengthDiff;
|
|
|
|
// S'assurer que la nouvelle position est valide
|
|
input.setSelectionRange(newCursorPosition, newCursorPosition);
|
|
}
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
|
|
$('#avance_menu').addClass("active");
|
|
$('.select2').select2();
|
|
|
|
// 📌 Configuration langue FR
|
|
var datatableLangFr = {
|
|
lengthMenu: "Afficher _MENU_ enregistrements par page",
|
|
zeroRecords: "Aucun résultat trouvé",
|
|
info: "Affichage de _START_ à _END_ sur _TOTAL_ enregistrements",
|
|
infoEmpty: "Aucun enregistrement disponible",
|
|
infoFiltered: "(filtré depuis _MAX_ enregistrements au total)",
|
|
search: "Rechercher :",
|
|
paginate: {
|
|
first: "Premier",
|
|
last: "Dernier",
|
|
next: "Suivant",
|
|
previous: "Précédent"
|
|
}
|
|
};
|
|
|
|
// 📌 Fonction pour initialiser la DataTable
|
|
function initAvanceTable(url, columns) {
|
|
if ($.fn.DataTable.isDataTable('#avanceTable')) {
|
|
$('#avanceTable').DataTable().destroy();
|
|
}
|
|
return $('#avanceTable').DataTable({
|
|
ajax: url,
|
|
columns: columns,
|
|
language: datatableLangFr
|
|
});
|
|
}
|
|
|
|
// 🔄 FONCTION DE MISE À JOUR DYNAMIQUE DE LA DATATABLE
|
|
function refreshDataTable() {
|
|
if (typeof manageTable !== 'undefined' && manageTable) {
|
|
manageTable.ajax.reload(null, false);
|
|
}
|
|
}
|
|
|
|
// ✅ INITIALISATION : Définir "terre" par défaut au chargement du modal création
|
|
$('#createModal').on('show.bs.modal', function() {
|
|
$('#create_avance_form')[0].reset();
|
|
|
|
// Par défaut : mode "terre"
|
|
$('#product_select_container').show();
|
|
$('#id_product').prop('required', true);
|
|
$('#product_text_container').hide();
|
|
$('#product_name_text').prop('required', false);
|
|
$('#gross_amount').prop('readonly', true).prop('type', 'text');
|
|
$('#commentaire_container').hide();
|
|
|
|
// Réattacher les événements
|
|
$('#avance_amount').off('keyup').on('keyup', updateDueCreate);
|
|
});
|
|
|
|
// 🔥 ÉVÉNEMENTS DE FORMATAGE EN TEMPS RÉEL
|
|
$('#avance_amount').on('input', function() {
|
|
handleNumberFormat(this);
|
|
updateDueCreate();
|
|
});
|
|
|
|
$('#gross_amount').on('input', function() {
|
|
if ($('#type_avance').val() === 'mere') {
|
|
handleNumberFormat(this);
|
|
updateDueCreate();
|
|
}
|
|
});
|
|
|
|
$('#avance_amount_edit').on('input', function() {
|
|
handleNumberFormat(this);
|
|
updateDueEdit();
|
|
});
|
|
|
|
$('#gross_amount_edit').on('input', function() {
|
|
if ($('#type_avance_edit').val() === 'mere') {
|
|
handleNumberFormat(this);
|
|
updateDueEdit();
|
|
}
|
|
});
|
|
|
|
<?php if ($isAdmin): ?>
|
|
var adminColumns = [
|
|
{ title: "Client" },
|
|
{ title: "Téléphone" },
|
|
{ title: "Adresse" },
|
|
{ title: "Produit" },
|
|
{
|
|
title: "Prix",
|
|
render: function(data, type, row) {
|
|
return type === 'display' ? formatNumber(data) : data;
|
|
}
|
|
},
|
|
{
|
|
title: "Avance",
|
|
render: function(data, type, row) {
|
|
return type === 'display' ? formatNumber(data) : data;
|
|
}
|
|
},
|
|
{
|
|
title: "Reste à payer",
|
|
render: function(data, type, row) {
|
|
return type === 'display' ? formatNumber(data) : data;
|
|
}
|
|
},
|
|
{ title: "Date" }
|
|
<?php if (in_array('updateAvance', $user_permission) || in_array('deleteAvance', $user_permission)): ?>
|
|
,{ title: "Action", orderable: false, searchable: false }
|
|
<?php endif; ?>
|
|
];
|
|
|
|
var manageTable = initAvanceTable(base_url + 'avances/fetchAvanceData', adminColumns);
|
|
|
|
$('#avance_order').on('click', function () {
|
|
manageTable = initAvanceTable(base_url + 'avances/fetchAvanceBecameOrder', adminColumns);
|
|
});
|
|
|
|
$('#avance_expired').on('click', function () {
|
|
manageTable = initAvanceTable(base_url + 'avances/fetchExpiredAvance', adminColumns);
|
|
});
|
|
|
|
$('#avance_no_order').on('click', function () {
|
|
manageTable = initAvanceTable(base_url + 'avances/fetchAvanceData', adminColumns);
|
|
});
|
|
<?php endif; ?>
|
|
|
|
<?php if ($isCaissier || $isCommerciale): ?>
|
|
var userColumns = [
|
|
{ title: "#" },
|
|
{ title: "Produit" },
|
|
{
|
|
title: "Avance",
|
|
render: function(data, type, row) {
|
|
return type === 'display' ? formatNumber(data) : data;
|
|
}
|
|
},
|
|
{
|
|
title: "Reste à payer",
|
|
render: function(data, type, row) {
|
|
return type === 'display' ? formatNumber(data) : data;
|
|
}
|
|
},
|
|
{ title: "Date" }
|
|
<?php if (in_array('updateAvance', $user_permission) || in_array('deleteAvance', $user_permission) || in_array('viewAvance', $user_permission)): ?>
|
|
,{ title: "Action", orderable: false, searchable: false }
|
|
<?php endif; ?>
|
|
];
|
|
|
|
var manageTable = initAvanceTable(base_url + 'avances/fetchAvanceData', userColumns);
|
|
|
|
$('#avance_order').on('click', function () {
|
|
manageTable = initAvanceTable(base_url + 'avances/fetchAvanceBecameOrder', userColumns);
|
|
});
|
|
|
|
$('#avance_no_order').on('click', function () {
|
|
manageTable = initAvanceTable(base_url + 'avances/fetchAvanceData', userColumns);
|
|
});
|
|
|
|
$('#avance_expired').on('click', function () {
|
|
manageTable = initAvanceTable(base_url + 'avances/fetchExpiredAvance', userColumns);
|
|
});
|
|
<?php endif; ?>
|
|
|
|
// =====================================================
|
|
// 🔥 GESTION DU TYPE D'AVANCE - CRÉATION
|
|
// =====================================================
|
|
$('#type_avance').on('change', function() {
|
|
var typeAvance = $(this).val();
|
|
|
|
if (typeAvance === 'mere') {
|
|
// MASQUER le select de produit
|
|
$('#product_select_container').hide();
|
|
$('#id_product').prop('required', false).val('');
|
|
|
|
// AFFICHER le champ texte pour produit
|
|
$('#product_text_container').show();
|
|
$('#product_name_text').prop('required', true);
|
|
|
|
// RENDRE le prix modifiable ET changer en type="number"
|
|
$('#gross_amount').prop('readonly', false).val('').prop('required', true);
|
|
|
|
// AFFICHER le commentaire
|
|
$('#commentaire_container').show();
|
|
|
|
// Calcul simple : Prix - Avance
|
|
$('#avance_amount, #gross_amount').off('keyup').on('keyup', function() {
|
|
var prix = unformatNumber($('#gross_amount').val());
|
|
var avance = unformatNumber($('#avance_amount').val());
|
|
var reste = prix - avance;
|
|
$('#amount_due').val(formatNumber(reste >= 0 ? reste.toFixed(0) : 0));
|
|
});
|
|
|
|
} else if (typeAvance === 'terre') {
|
|
// AFFICHER le select de produit
|
|
$('#product_select_container').show();
|
|
$('#id_product').prop('required', true);
|
|
|
|
// MASQUER le champ texte
|
|
$('#product_text_container').hide();
|
|
$('#product_name_text').prop('required', false).val('');
|
|
|
|
// RENDRE le prix readonly ET en type="text"
|
|
$('#gross_amount').prop('readonly', true).prop('required', false);
|
|
|
|
// MASQUER le commentaire
|
|
$('#commentaire_container').hide();
|
|
$('#commentaire').val('');
|
|
|
|
// Restaurer le comportement normal avec validation 25%
|
|
$('#avance_amount').off('keyup').on('keyup', updateDueCreate);
|
|
$('#gross_amount').off('keyup');
|
|
}
|
|
|
|
// Réinitialiser les champs
|
|
$('#gross_amount').val('');
|
|
$('#avance_amount').val('');
|
|
$('#amount_due').val('');
|
|
});
|
|
|
|
// =====================================================
|
|
// 🔥 GESTION DU TYPE D'AVANCE - ÉDITION
|
|
// =====================================================
|
|
$('#type_avance_edit').on('change', function() {
|
|
var typeAvance = $(this).val();
|
|
|
|
if (typeAvance === 'mere') {
|
|
$('#product_select_container_edit').hide();
|
|
$('#id_product_edit').prop('required', false).val('');
|
|
|
|
$('#product_text_container_edit').show();
|
|
$('#product_name_text_edit').prop('required', true);
|
|
|
|
$('#gross_amount_edit').prop('readonly', false).prop('required', true);
|
|
$('#commentaire_container_edit').show();
|
|
|
|
$('#avance_amount_edit, #gross_amount_edit').off('keyup').on('keyup', function() {
|
|
var prix = unformatNumber($('#gross_amount_edit').val());
|
|
var avance = unformatNumber($('#avance_amount_edit').val());
|
|
var reste = prix - avance;
|
|
$('#amount_due_edit').val(formatNumber(reste >= 0 ? reste.toFixed(0) : 0));
|
|
});
|
|
|
|
} else if (typeAvance === 'terre') {
|
|
$('#product_select_container_edit').show();
|
|
$('#id_product_edit').prop('required', true);
|
|
|
|
$('#product_text_container_edit').hide();
|
|
$('#product_name_text_edit').prop('required', false).val('');
|
|
|
|
$('#gross_amount_edit').prop('readonly', true).prop('required', false);
|
|
$('#commentaire_container_edit').hide();
|
|
$('#commentaire_edit').val('');
|
|
|
|
$('#avance_amount_edit').off('keyup').on('keyup', updateDueEdit);
|
|
$('#gross_amount_edit').off('keyup');
|
|
}
|
|
});
|
|
|
|
// ✅ CRÉATION avec actualisation automatique
|
|
$('#create_avance_form').on('submit', function(e) {
|
|
e.preventDefault();
|
|
const $form = $(this);
|
|
|
|
// Désformatage des valeurs avant soumission
|
|
var brut = unformatNumber($('#gross_amount').val());
|
|
var avance = unformatNumber($('#avance_amount').val());
|
|
var typeAvance = $('#type_avance').val();
|
|
|
|
if (typeAvance === 'terre') {
|
|
var minAvance = brut * 0.5;
|
|
if (avance < minAvance) {
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Avance insuffisante',
|
|
html: `L'avance doit être au minimum de <b>50%</b> du prix du produit (<b>${formatNumber(minAvance.toFixed(0))} Ar</b>).`,
|
|
confirmButtonText: 'OK',
|
|
confirmButtonColor: '#d33'
|
|
});
|
|
return;
|
|
}
|
|
}
|
|
|
|
// Validation pour "mère"
|
|
if (typeAvance === 'mere') {
|
|
if (!$('#product_name_text').val() || brut === 0 || avance === 0) {
|
|
Swal.fire({
|
|
icon: 'warning',
|
|
title: 'Champs manquants',
|
|
text: 'Veuillez remplir tous les champs : produit, prix et avance.'
|
|
});
|
|
return;
|
|
}
|
|
}
|
|
|
|
$form.find('button[type="submit"]').prop('disabled', true).text('Enregistrement...');
|
|
|
|
// Cloner le formulaire et désformater les valeurs
|
|
var formData = new FormData(this);
|
|
formData.set('gross_amount', brut);
|
|
formData.set('avance_amount', avance);
|
|
formData.set('amount_due', unformatNumber($('#amount_due').val()));
|
|
|
|
$.ajax({
|
|
url: '/avances/createAvance',
|
|
type: 'POST',
|
|
data: formData,
|
|
processData: false,
|
|
contentType: false,
|
|
success: function(res) {
|
|
if (res.success === true) {
|
|
Swal.fire({
|
|
icon: 'success',
|
|
title: 'Succès',
|
|
text: res.messages,
|
|
timer: 1500,
|
|
showConfirmButton: false
|
|
}).then(() => {
|
|
$("#createModal").modal('hide');
|
|
$form[0].reset();
|
|
location.reload();
|
|
});
|
|
} else {
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Erreur',
|
|
text: res.messages
|
|
});
|
|
}
|
|
},
|
|
error: function() {
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Erreur',
|
|
text: 'Erreur de connexion'
|
|
});
|
|
},
|
|
complete: function() {
|
|
$form.find('button[type="submit"]').prop('disabled', false).text('Enregistrer');
|
|
}
|
|
});
|
|
});
|
|
|
|
// 🔥 SUPPRESSION
|
|
window.removeFunc = function(id, product_id) {
|
|
$('#removeModal').modal('show');
|
|
$('#removeForm input[name="avance_id"]').val(id);
|
|
$('#removeForm input[name="product_id"]').val(product_id);
|
|
};
|
|
|
|
$('#removeForm').on('submit', function(e) {
|
|
e.preventDefault();
|
|
var form = $(this);
|
|
var submitButton = form.find('button[type="submit"]');
|
|
|
|
submitButton.prop('disabled', true).text('Suppression...');
|
|
|
|
$.ajax({
|
|
url: form.attr('action'),
|
|
type: form.attr('method'),
|
|
data: form.serialize(),
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
if (response.success === true) {
|
|
$('#removeModal').modal('hide');
|
|
|
|
$("#messages").html(`
|
|
<div class="alert alert-success alert-dismissible" role="alert">
|
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<strong><span class="glyphicon glyphicon-ok-sign"></span></strong> ${response.messages}
|
|
</div>
|
|
`);
|
|
|
|
refreshDataTable();
|
|
|
|
setTimeout(function() {
|
|
$("#messages .alert").fadeOut();
|
|
location.reload();
|
|
}, 3000);
|
|
|
|
} else {
|
|
$('#removeModal').modal('hide');
|
|
$("#messages").html(`
|
|
<div class="alert alert-warning alert-dismissible" role="alert">
|
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<strong><span class="glyphicon glyphicon-exclamation-sign"></span></strong> ${response.messages}
|
|
</div>
|
|
`);
|
|
}
|
|
},
|
|
complete: function() {
|
|
submitButton.prop('disabled', false).text('Oui');
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
}); // Fin document.ready
|
|
|
|
// =====================================================
|
|
// 🔥 FONCTIONS UTILITAIRES CORRIGÉES
|
|
// =====================================================
|
|
|
|
function getProductDataCreate() {
|
|
var id = $('#id_product').val();
|
|
console.log('🔄 getProductDataCreate appelé, ID produit:', id);
|
|
|
|
if (!id) {
|
|
brutCreate = 0;
|
|
$('#gross_amount').val('');
|
|
$('#amount_due').val('');
|
|
$('#avance_amount').val('');
|
|
return;
|
|
}
|
|
|
|
$.post(base_url + 'orders/getProductValueById', { product_id: id }, function(r) {
|
|
console.log('📦 Données reçues:', r);
|
|
|
|
brutCreate = parseFloat(r.prix_vente) || 0;
|
|
console.log('💰 Prix brut:', brutCreate);
|
|
|
|
// ✅ FORMATER les valeurs avant de les afficher
|
|
var prixFormate = formatNumber(brutCreate.toFixed(0));
|
|
var avance25 = brutCreate * 0.5;
|
|
var avanceFormatee = formatNumber(avance25.toFixed(0));
|
|
var resteFormate = formatNumber((brutCreate - avance25).toFixed(0));
|
|
|
|
console.log('🎯 Valeurs formatées - Prix:', prixFormate, 'Avance:', avanceFormatee, 'Reste:', resteFormate);
|
|
|
|
$('#gross_amount').val(prixFormate);
|
|
$('#avance_amount').val(avanceFormatee);
|
|
$('#amount_due').val(resteFormate);
|
|
|
|
}, 'json').fail(function(xhr, status, error) {
|
|
console.error('❌ Erreur AJAX:', error);
|
|
});
|
|
}
|
|
|
|
function updateDueCreate() {
|
|
var av = unformatNumber($('#avance_amount').val());
|
|
var brutAmount = unformatNumber($('#gross_amount').val());
|
|
var reste = Math.max(brutAmount - av, 0);
|
|
$('#amount_due').val(formatNumber(reste.toFixed(0)));
|
|
}
|
|
|
|
function getProductDataUpdate() {
|
|
var id = $('#id_product_edit').val();
|
|
console.log('🔄 getProductDataUpdate appelé, ID produit:', id);
|
|
|
|
if (!id) {
|
|
brutEdit = 0;
|
|
$('#gross_amount_edit').val('');
|
|
$('#amount_due_edit').val('');
|
|
$('#avance_amount_edit').val('');
|
|
return;
|
|
}
|
|
|
|
$.ajax({
|
|
url: base_url + 'orders/getProductValueById',
|
|
type: 'POST',
|
|
data: { product_id: id },
|
|
dataType: 'json',
|
|
success: function(r) {
|
|
console.log('📦 Données reçues (update):', r);
|
|
|
|
brutEdit = parseFloat(r.prix_vente) || 0;
|
|
console.log('💰 Prix brut (update):', brutEdit);
|
|
|
|
// ✅ FORMATER les valeurs avant de les afficher
|
|
var prixFormate = formatNumber(brutEdit.toFixed(0));
|
|
var avance25 = brutEdit * 0.5;
|
|
var avanceFormatee = formatNumber(avance25.toFixed(0));
|
|
var resteFormate = formatNumber((brutEdit - avance25).toFixed(0));
|
|
|
|
console.log('🎯 Valeurs formatées (update) - Prix:', prixFormate, 'Avance:', avanceFormatee, 'Reste:', resteFormate);
|
|
|
|
$('#gross_amount_edit').val(prixFormate);
|
|
$('#avance_amount_edit').val(avanceFormatee);
|
|
$('#amount_due_edit').val(resteFormate);
|
|
},
|
|
error: function(xhr, status, error) {
|
|
console.error('❌ Erreur AJAX (update):', error);
|
|
}
|
|
});
|
|
}
|
|
|
|
function updateDueEdit() {
|
|
var av = unformatNumber($('#avance_amount_edit').val());
|
|
var reste = Math.max(brutEdit - av, 0);
|
|
$('#amount_due_edit').val(formatNumber(reste.toFixed(0)));
|
|
}
|
|
|
|
// ✅ Fonction pour afficher le modal de prévisualisation (CAISSIÈRE)
|
|
window.viewFunc = function(avance_id) {
|
|
$.ajax({
|
|
url: base_url + 'avances/getInvoicePreview/' + avance_id,
|
|
type: 'GET',
|
|
dataType: 'json',
|
|
beforeSend: function() {
|
|
$('#invoice-preview-container').html('<div class="text-center"><i class="fa fa-spinner fa-spin fa-3x"></i><p>Chargement...</p></div>');
|
|
$('#viewModal').modal('show');
|
|
},
|
|
success: function(response) {
|
|
if (response.success) {
|
|
$('#invoice-preview-container').html(response.html);
|
|
|
|
// ✅ Stocker l'ID et vérifier si l'utilisateur peut imprimer
|
|
$('#viewModal').data('avance-id', response.avance_id);
|
|
$('#viewModal').data('can-print', response.can_print);
|
|
|
|
// ✅ Afficher/Masquer le bouton selon le droit d'impression
|
|
if (response.can_print === true) {
|
|
$('#viewModal .modal-footer .btn-primary').show();
|
|
} else {
|
|
$('#viewModal .modal-footer .btn-primary').hide();
|
|
}
|
|
} else {
|
|
$('#invoice-preview-container').html('<div class="alert alert-danger">Erreur lors du chargement de la facture</div>');
|
|
}
|
|
},
|
|
error: function() {
|
|
$('#invoice-preview-container').html('<div class="alert alert-danger">Erreur de connexion</div>');
|
|
}
|
|
});
|
|
};
|
|
|
|
// ✅ MODIFIER la fonction printFromModal
|
|
window.printFromModal = function() {
|
|
var avanceId = $('#viewModal').data('avance-id');
|
|
var canPrint = $('#viewModal').data('can-print');
|
|
|
|
if (!avanceId) {
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Erreur',
|
|
text: 'ID de facture non trouvé'
|
|
});
|
|
return;
|
|
}
|
|
|
|
// ✅ Vérifier que l'utilisateur a le droit d'imprimer
|
|
if (canPrint !== true) {
|
|
Swal.fire({
|
|
icon: 'warning',
|
|
title: 'Accès refusé',
|
|
text: 'Seule la caissière peut imprimer les factures'
|
|
});
|
|
return;
|
|
}
|
|
|
|
// ✅ Envoyer la notification ET marquer comme imprimée
|
|
$.ajax({
|
|
url: base_url + 'avances/notifyPrintInvoice',
|
|
type: 'POST',
|
|
data: { avance_id: avanceId },
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
if (response.success) {
|
|
// ✅ Notification envoyée et avance marquée comme imprimée
|
|
printInvoiceContent(avanceId);
|
|
} else {
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Erreur',
|
|
text: response.messages || 'Erreur lors de l\'enregistrement de l\'impression'
|
|
});
|
|
}
|
|
},
|
|
error: function() {
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Erreur de connexion',
|
|
text: 'Impossible d\'enregistrer l\'impression'
|
|
});
|
|
}
|
|
});
|
|
};
|
|
|
|
// ✅ NOUVELLE FONCTION pour récupérer et imprimer le contenu
|
|
function printInvoiceContent(avanceId) {
|
|
// Afficher un loader
|
|
Swal.fire({
|
|
title: 'Préparation de l\'impression...',
|
|
allowOutsideClick: false,
|
|
allowEscapeKey: false,
|
|
showConfirmButton: false,
|
|
didOpen: () => {
|
|
Swal.showLoading();
|
|
}
|
|
});
|
|
|
|
// Récupérer le HTML complet de la facture pour impression
|
|
$.ajax({
|
|
url: base_url + 'avances/getFullInvoiceForPrint/' + avanceId,
|
|
type: 'GET',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
if (response.success) {
|
|
Swal.close();
|
|
|
|
// Créer un iframe caché pour l'impression
|
|
var printFrame = $('<iframe></iframe>')
|
|
.attr('id', 'print-frame')
|
|
.css({
|
|
position: 'absolute',
|
|
width: '0',
|
|
height: '0',
|
|
border: 'none',
|
|
visibility: 'hidden'
|
|
})
|
|
.appendTo('body');
|
|
|
|
// Écrire le contenu HTML dans l'iframe
|
|
var frameDoc = printFrame[0].contentWindow || printFrame[0].contentDocument;
|
|
if (frameDoc.document) frameDoc = frameDoc.document;
|
|
|
|
frameDoc.open();
|
|
frameDoc.write(response.html);
|
|
frameDoc.close();
|
|
|
|
// Attendre que le contenu soit chargé puis imprimer
|
|
setTimeout(function() {
|
|
try {
|
|
printFrame[0].contentWindow.focus();
|
|
printFrame[0].contentWindow.print();
|
|
|
|
// ✅ FERMER LE MODAL AVANT D'AFFICHER LE SWEET ALERT
|
|
$('#viewModal').modal('hide');
|
|
|
|
// ✅ ATTENDRE UN PEU POUR LAISSER LE MODAL SE FERMER
|
|
setTimeout(function() {
|
|
// ✅ Afficher Sweet Alert de succès
|
|
Swal.fire({
|
|
icon: 'success',
|
|
title: 'Impression réussie !',
|
|
html: '<p>La facture a été imprimée avec succès.</p>' +
|
|
'<p><strong>La Direction a été notifiée.</strong></p>' +
|
|
'<p class="text-muted" style="font-size: 12px; margin-top: 10px;">Le bouton d\'impression ne sera plus disponible pour cette avance.</p>',
|
|
confirmButtonText: 'OK',
|
|
confirmButtonColor: '#28a745',
|
|
allowOutsideClick: false
|
|
}).then(() => {
|
|
// ✅ Rafraîchir la page pour mettre à jour l'affichage
|
|
location.reload();
|
|
});
|
|
}, 500);
|
|
|
|
// Supprimer l'iframe après impression
|
|
setTimeout(function() {
|
|
printFrame.remove();
|
|
}, 1000);
|
|
|
|
} catch (e) {
|
|
console.error('Erreur impression:', e);
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Erreur d\'impression',
|
|
text: 'Une erreur est survenue lors de l\'impression'
|
|
});
|
|
printFrame.remove();
|
|
}
|
|
}, 500);
|
|
|
|
} else {
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Erreur',
|
|
text: response.messages || 'Impossible de récupérer la facture'
|
|
});
|
|
}
|
|
},
|
|
error: function(xhr) {
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Erreur de connexion',
|
|
text: 'Impossible de récupérer la facture pour impression'
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
// ✅ Nettoyer l'iframe si le modal est fermé
|
|
$('#viewModal').on('hidden.bs.modal', function() {
|
|
$('#print-frame').remove();
|
|
});
|
|
|
|
// Remplacer la partie concernant le bouton View par :
|
|
function buildViewButton(value) {
|
|
var session = <?php echo json_encode($session->get('user')); ?>;
|
|
var isCaissier = <?php echo json_encode($isCaissier ?? false); ?>;
|
|
|
|
if (isCaissier && <?php echo json_encode(in_array('viewAvance', $user_permission)); ?>) {
|
|
return '<button type="button" class="btn btn-info" onclick="viewFunc(' + value['avance_id'] + ')" title="Voir la facture">' +
|
|
'<i class="fa fa-eye"></i></button> ';
|
|
}
|
|
return '';
|
|
}
|
|
|
|
// ✅ MODIFICATION
|
|
function editFunc(id) {
|
|
$('#update_avance_form')[0].reset();
|
|
|
|
$.ajax({
|
|
url: base_url + 'avances/fetchSingleAvance/' + id,
|
|
type: 'GET',
|
|
dataType: 'json',
|
|
success: function(r) {
|
|
// ✅ Vérifier si l'avance était imprimée
|
|
var wasPrinted = r.is_printed == 1;
|
|
|
|
if (wasPrinted) {
|
|
Swal.fire({
|
|
icon: 'info',
|
|
title: 'Information',
|
|
html: '<p>Cette avance a déjà été imprimée.</p>' +
|
|
'<p><strong>Après modification, elle devra être imprimée à nouveau.</strong></p>',
|
|
confirmButtonText: 'Compris',
|
|
confirmButtonColor: '#007bff'
|
|
}).then(() => {
|
|
populateEditModal(r, id);
|
|
});
|
|
} else {
|
|
populateEditModal(r, id);
|
|
}
|
|
},
|
|
error: function() {
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Erreur',
|
|
text: 'Impossible de récupérer les données de l\'avance'
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
// ✅ AJOUTER cette nouvelle fonction juste après editFunc
|
|
function populateEditModal(r, id) {
|
|
|
|
$('#avance_id_edit').val(r.avance_id || r.id || id);
|
|
$('#customer_name_avance_edit').val(r.customer_name || '');
|
|
$('#customer_phone_avance_edit').val(r.customer_phone || '');
|
|
$('#customer_address_avance_edit').val(r.customer_address || r.customer_adress || '');
|
|
$('#customer_cin_avance_edit').val(r.customer_cin || '');
|
|
$('#type_avance_edit').val(r.type_avance || '');
|
|
$('#type_payment_edit').val(r.type_payment || '');
|
|
|
|
// ✅ CORRECTION : Récupérer le prix depuis la BDD et FORMATER
|
|
var grossAmount = r.gross_amount || r.product_price || 0;
|
|
$('#gross_amount_edit').val(formatNumber(grossAmount));
|
|
brutEdit = parseFloat(grossAmount);
|
|
|
|
// ✅ FORMATER les valeurs d'avance et reste à payer
|
|
$('#avance_amount_edit').val(formatNumber(r.avance_amount || ''));
|
|
$('#amount_due_edit').val(formatNumber(r.amount_due || ''));
|
|
$('#commentaire_edit').val(r.commentaire || '');
|
|
|
|
// ✅ Gérer le produit selon le type
|
|
if (r.type_avance === 'mere') {
|
|
// Pour avance MER : utiliser product_name (texte libre)
|
|
var productNameMer = r.product_name || '';
|
|
$('#product_name_text_edit').val(productNameMer);
|
|
} else if (r.type_avance === 'terre') {
|
|
// Pour avance TERRE : utiliser product_id (select)
|
|
var productId = r.product_id || r.id_product;
|
|
|
|
// ✅ Si le produit existe dans le select, le sélectionner
|
|
if (productId) {
|
|
setTimeout(function() {
|
|
$('#id_product_edit').val(productId);
|
|
|
|
// ✅ Vérifier si le produit existe dans le select
|
|
if ($('#id_product_edit option:selected').val() == productId) {
|
|
console.log('Produit trouvé et sélectionné:', productId);
|
|
} else {
|
|
console.warn('Produit non trouvé dans le select:', productId);
|
|
// ✅ Optionnel : Ajouter l'option si elle n'existe pas
|
|
var productNameFromDB = r.product_name_db || 'Produit #' + productId;
|
|
$('#id_product_edit').append(
|
|
$('<option></option>')
|
|
.attr('value', productId)
|
|
.attr('selected', 'selected')
|
|
.text(productNameFromDB + ' (Actuellement sélectionné)')
|
|
);
|
|
}
|
|
}, 100);
|
|
}
|
|
}
|
|
|
|
$('#updateModal').modal('show');
|
|
|
|
// ✅ Déclencher le change pour afficher les bons champs
|
|
$('#updateModal').on('shown.bs.modal', function(e) {
|
|
$('#type_avance_edit').trigger('change');
|
|
$(this).off('shown.bs.modal');
|
|
});
|
|
|
|
// ✅ Gestionnaire de soumission (reste identique)
|
|
$('#update_avance_form').off('submit').on('submit', function(e) {
|
|
e.preventDefault();
|
|
|
|
var $form = $(this);
|
|
var $submitBtn = $form.find('button[type="submit"]');
|
|
var typeAvance = $('#type_avance_edit').val();
|
|
var avance = unformatNumber($('#avance_amount_edit').val());
|
|
var brut = unformatNumber($('#gross_amount_edit').val());
|
|
|
|
if (typeAvance === 'terre') {
|
|
var minAvance = brutEdit * 0.5;
|
|
if (avance < minAvance) {
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Avance insuffisante',
|
|
html: `L'avance doit être au minimum de <b>50%</b> du prix du produit (<b>${formatNumber(minAvance.toFixed(0))} Ar</b>).`,
|
|
confirmButtonText: 'OK',
|
|
confirmButtonColor: '#d33'
|
|
});
|
|
return;
|
|
}
|
|
}
|
|
|
|
if (typeAvance === 'mere') {
|
|
if (!$('#product_name_text_edit').val() || brut === 0 || avance === 0) {
|
|
Swal.fire({
|
|
icon: 'warning',
|
|
title: 'Champs manquants',
|
|
text: 'Veuillez remplir tous les champs : produit, prix et avance.'
|
|
});
|
|
return;
|
|
}
|
|
}
|
|
|
|
$submitBtn.prop('disabled', true).text('Modification...');
|
|
|
|
// Désformater les valeurs avant envoi
|
|
var formData = new FormData(this);
|
|
formData.set('gross_amount_edit', brut);
|
|
formData.set('avance_amount_edit', avance);
|
|
formData.set('amount_due_edit', unformatNumber($('#amount_due_edit').val()));
|
|
|
|
$.ajax({
|
|
url: base_url + 'avances/updateAvance',
|
|
type: 'POST',
|
|
data: formData,
|
|
processData: false,
|
|
contentType: false,
|
|
success: function(res) {
|
|
if (res.success === true) {
|
|
$('#updateModal').modal('hide');
|
|
Swal.fire({
|
|
icon: 'success',
|
|
title: 'Succès',
|
|
text: res.messages,
|
|
timer: 2000,
|
|
showConfirmButton: false
|
|
}).then(() => {
|
|
location.reload();
|
|
});
|
|
} else {
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Erreur',
|
|
text: res.messages
|
|
});
|
|
}
|
|
},
|
|
error: function() {
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Erreur de connexion',
|
|
text: 'Impossible de modifier l\'avance'
|
|
});
|
|
},
|
|
complete: function() {
|
|
$submitBtn.prop('disabled', false).text('Modifier');
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
// ✅ NOUVELLE FONCTION : Traiter les avances expirées
|
|
function processExpiredAvances() {
|
|
var btn = $('#btnProcessExpired');
|
|
var originalText = btn.html();
|
|
|
|
// Confirmation avec SweetAlert
|
|
Swal.fire({
|
|
title: 'Traiter les avances expirées ?',
|
|
html: '<div style="text-align: left;">' +
|
|
'<p>Cette action va automatiquement :</p>' +
|
|
'<ul style="margin-left: 20px;">' +
|
|
'<li>✅ Désactiver les avances dont la deadline est dépassée</li>' +
|
|
'<li>✅ Libérer les produits (remettre en stock pour "avances sur terre")</li>' +
|
|
'<li>✅ Les avances expirées apparaîtront dans l\'onglet "Avances Expirées"</li>' +
|
|
'</ul>' +
|
|
'<p style="margin-top: 15px;"><strong>Voulez-vous continuer ?</strong></p>' +
|
|
'</div>',
|
|
icon: 'question',
|
|
showCancelButton: true,
|
|
confirmButtonText: '<i class="fa fa-check"></i> Oui, traiter',
|
|
cancelButtonText: '<i class="fa fa-times"></i> Annuler',
|
|
confirmButtonColor: '#d33',
|
|
cancelButtonColor: '#6c757d',
|
|
width: '600px'
|
|
}).then((result) => {
|
|
if (result.isConfirmed) {
|
|
executeProcessExpired(btn, originalText);
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* ✅ Exécuter le traitement des avances expirées
|
|
*/
|
|
function executeProcessExpired(btn, originalText) {
|
|
// Désactiver le bouton et afficher un loader
|
|
btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> Traitement en cours...');
|
|
|
|
// Appel AJAX
|
|
$.ajax({
|
|
url: base_url + 'avances/processExpiredAvances',
|
|
type: 'POST',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
if (response.success) {
|
|
var message = '<strong>' + response.processed + ' avance(s) expirée(s) traitée(s)</strong>';
|
|
|
|
if (response.errors > 0) {
|
|
message += '<br><span class="text-warning">⚠️ ' + response.errors + ' erreur(s) rencontrée(s)</span>';
|
|
}
|
|
|
|
// Afficher les détails dans un tableau
|
|
var detailsHtml = '';
|
|
if (response.details && response.details.length > 0) {
|
|
detailsHtml = '<div style="margin-top: 20px; max-height: 300px; overflow-y: auto;">' +
|
|
'<table class="table table-sm table-bordered" style="font-size: 12px;">' +
|
|
'<thead style="background-color: #f8f9fa;">' +
|
|
'<tr>' +
|
|
'<th>ID</th>' +
|
|
'<th>Client</th>' +
|
|
'<th>Deadline</th>' +
|
|
'<th>Produit libéré</th>' +
|
|
'</tr>' +
|
|
'</thead>' +
|
|
'<tbody>';
|
|
|
|
response.details.forEach(function(detail) {
|
|
detailsHtml += '<tr>' +
|
|
'<td><strong>#' + detail.avance_id + '</strong></td>' +
|
|
'<td>' + detail.customer + '</td>' +
|
|
'<td><span class="text-danger">' + detail.deadline + '</span></td>' +
|
|
'<td>' + (detail.product_freed ?
|
|
'<span class="text-success"><i class="fa fa-check-circle"></i> Oui (ID: ' + detail.product_id + ')</span>' :
|
|
'<span class="text-muted">-</span>') + '</td>' +
|
|
'</tr>';
|
|
});
|
|
|
|
detailsHtml += '</tbody></table></div>';
|
|
}
|
|
|
|
// Afficher le résultat
|
|
Swal.fire({
|
|
icon: 'success',
|
|
title: '✅ Traitement terminé !',
|
|
html: message + detailsHtml,
|
|
confirmButtonText: 'OK',
|
|
confirmButtonColor: '#28a745',
|
|
width: '700px'
|
|
}).then(() => {
|
|
// Rafraîchir la page pour voir les changements
|
|
location.reload();
|
|
});
|
|
|
|
} else {
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Erreur',
|
|
text: response.messages || 'Une erreur est survenue lors du traitement'
|
|
});
|
|
}
|
|
},
|
|
error: function(xhr, status, error) {
|
|
console.error('Erreur AJAX:', error);
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Erreur de connexion',
|
|
html: '<p>Impossible de traiter les avances expirées.</p>' +
|
|
'<p class="text-muted" style="font-size: 12px;">Vérifiez les logs du serveur pour plus de détails.</p>'
|
|
});
|
|
},
|
|
complete: function() {
|
|
// Réactiver le bouton
|
|
btn.prop('disabled', false).html(originalText);
|
|
}
|
|
});
|
|
}
|
|
|
|
// ✅ TEST DU FORMATAGE AU CHARGEMENT
|
|
$(document).ready(function() {
|
|
console.log('🧪 Test formatage - 1000:', formatNumber(1000)); // Doit afficher "1 000"
|
|
console.log('🧪 Test formatage - 25000:', formatNumber(25000)); // Doit afficher "25 000"
|
|
console.log('🧪 Test désformatage - "1 000":', unformatNumber("1 000")); // Doit afficher 1000
|
|
});
|
|
</script>
|
|
|
|
<style>
|
|
/* ✅ STYLES POUR LE BOUTON */
|
|
#btnProcessExpired {
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
#btnProcessExpired:hover {
|
|
transform: scale(1.05);
|
|
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.swal2-container .table {
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
}
|
|
|
|
.swal2-container .table th {
|
|
background-color: #f8f9fa;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.swal2-container .table td {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Style pour les inputs formatés */
|
|
input.formatted-number {
|
|
text-align: right;
|
|
font-family: 'Courier New', monospace;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
/* Style pour les cellules de tableau formatées */
|
|
.table td.number-cell {
|
|
text-align: right;
|
|
font-family: 'Courier New', monospace;
|
|
font-weight: bold;
|
|
}
|
|
</style>
|