<!-- 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'], ['Conseil', 'Direction']);
$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'], ['Conseil', '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'], ['Conseil', 'Direction']);
              $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'], ['Conseil', 'Direction']);
              $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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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>