@extends('admin.layout')

@section('content')
<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-12">
            <div class="card shadow-sm">
                <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
                    <h2 class="mb-0 h4">Aperçu des données importées</h2>
                    <a href="{{ route('import_credit_reports') }}" class="btn btn-light btn-sm">
                        <i class="fas fa-arrow-left me-1"></i>Retour
                    </a>
                </div>
                <div class="card-body">
                    <!-- Progress Section -->
                    <div class="progress-section mb-4">
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <div class="progress flex-grow-1 me-3" style="height: 25px;">
                                <div class="progress-bar progress-bar-striped progress-bar-animated"
                                     role="progressbar"
                                     style="width: 0%"
                                     id="globalProgress">
                                    <span class="progress-text">0%</span>
                                </div>
                            </div>
                            <button class="btn btn-danger" id="stopSearches" style="display: none;">
                                <i class="fas fa-stop-circle me-1"></i>Arrêter
                            </button>
                        </div>
                        <div class="d-flex justify-content-between small text-muted">
                            <span id="searchStatus">En attente de démarrage...</span>
                            <span id="searchCount">0 / {{ count($data) }} éléments traités</span>
                        </div>
                    </div>

                    <!-- PDF Generation Progress Section -->
                    <div class="progress-section mb-4" id="pdfProgressSection" style="display: none;">
                        <h6 class="text-muted mb-2"><i class="fas fa-file-pdf text-danger me-2"></i>Génération des PDFs</h6>
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <div class="progress flex-grow-1 me-3" style="height: 20px;">
                                <div class="progress-bar progress-bar-striped progress-bar-animated bg-danger"
                                     role="progressbar"
                                     style="width: 0%"
                                     id="pdfProgress">
                                    <span class="progress-text">0%</span>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-between small text-muted">
                            <span id="pdfStatus">En attente de démarrage...</span>
                            <span id="pdfCount">0 / 0 PDFs générés</span>
                        </div>
                    </div>

                    <!-- Toast Container for PDF Generation Notifications -->
                    <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 5">
                        <div id="pdfToast" class="toast align-items-center text-white bg-success border-0" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="3000">
                            <div class="d-flex">
                                <div class="toast-body">
                                    <i class="fas fa-check-circle me-2"></i> PDF généré avec succès!
                                </div>
                                <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
                            </div>
                        </div>
                        <div id="pdfErrorToast" class="toast align-items-center text-white bg-danger border-0" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="3000">
                            <div class="d-flex">
                                <div class="toast-body">
                                    <i class="fas fa-exclamation-circle me-2"></i> Erreur lors de la génération du PDF
                                </div>
                                <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
                            </div>
                        </div>
                    </div>

                    <!-- Alternative Toast Notifications for PDF Generation -->
                    <div id="customToast" class="position-fixed bottom-0 end-0 p-3" style="z-index: 5; display: none; min-width: 300px;">
                        <div class="alert alert-success d-flex align-items-center" role="alert">
                            <i class="fas fa-check-circle me-2"></i>
                            <div id="customToastText">PDF généré avec succès!</div>
                            <button type="button" class="btn-close ms-auto" onclick="$('#customToast').fadeOut()"></button>
                        </div>
                    </div>

                    <div id="customErrorToast" class="position-fixed bottom-0 end-0 p-3" style="z-index: 5; display: none; min-width: 300px;">
                        <div class="alert alert-danger d-flex align-items-center" role="alert">
                            <i class="fas fa-exclamation-circle me-2"></i>
                            <div id="customErrorToastText">Erreur lors de la génération du PDF</div>
                            <button type="button" class="btn-close ms-auto" onclick="$('#customErrorToast').fadeOut()"></button>
                        </div>
                    </div>

                    <div class="table-responsive">
                        <table class="table table-hover table-striped table-bordered" id="example1">
                            <thead class="table-dark">
                                <tr>
                                    <th class="text-center" style="width: 60px">#</th>
                                    <th class="text-center" style="width: 150px">Statut</th>
                                    <th>Nom</th>
                                    <th>N° Pièce</th>
                                    <th>Pays</th>
                                    <th>Type ID</th>
                                    <th>Date</th>
                                    <th>Type Sujet</th>
                                    <th>Type Rapport</th>
                                    <th>Catégorie</th>
                                    <th class="text-center" style="width: 120px">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($data as $index => $row)
                                <tr>
                                    <td class="text-center">{{ $index + 1 }}</td>
                                    <td class="text-center status-cell" data-row='{{ json_encode($row) }}'>
                                        <div class="status-loader spinner-border spinner-border-sm text-primary" role="status">
                                            <span class="visually-hidden">Chargement...</span>
                                        </div>
                                    </td>
                                    @foreach($row as $key => $cell)
                                    <td>{{ $cell }}</td>
                                    @endforeach
                                    <td>
                                        @if($row[5] === 'PP')
                                            <span class="badge bg-info text-white">Particulier</span>
                                        @elseif($row[5] === 'PM')
                                            <span class="badge bg-warning text-white">Entreprise</span>
                                        @else
                                            <span class="badge bg-secondary">Inconnu</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($row[5] === 'PP' || $row[5] === 'PM')
                                            <form class="generate-report-form m-0">
                                                @csrf
                                                <input type="hidden" name="row_data" value="{{ json_encode($row) }}">
                                                <button type="submit" class="btn btn-danger btn-sm">
                                                    <i class="fas fa-file-alt me-1"></i>Générer
                                                </button>
                                            </form>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Styles -->
<style>
.card {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-header {
    border-bottom: 0;
    padding: 1rem 1.25rem;
}

.table {
    margin-bottom: 0;
}

.table thead th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    white-space: nowrap;
    vertical-align: middle;
}

.table tbody td {
    vertical-align: middle;
    font-size: 0.9rem;
}

.badge {
    font-weight: 500;
    padding: 0.5em 0.75em;
    font-size: 0.75rem;
}

.btn-sm {
    padding: 0.4rem 0.8rem;
    font-size: 0.875rem;
}

.table-responsive {
    border-radius: 0.25rem;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.02);
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .card-header {
        flex-direction: column;
        gap: 1rem;
    }

    .card-header h2 {
        font-size: 1.25rem;
    }

    .table td, .table th {
        min-width: 120px;
    }

    .table td:first-child,
    .table th:first-child {
        min-width: 40px;
    }

    .table td:last-child,
    .table th:last-child {
        min-width: 100px;
    }
}

.status-cell {
    position: relative;
    min-height: 32px;
}

.status-badge {
    font-size: 0.8rem;
    padding: 0.35em 0.65em;
}

.status-badge.found {
    background-color: #198754;
    color: white;
}

.status-badge.not-found {
    background-color: #dc3545;
    color: white;
}

.status-badge.error {
    background-color: #ffc107;
    color: black;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.15em;
}

.progress {
    background-color: #e9ecef;
    border-radius: 0.25rem;
    overflow: hidden;
}

.progress-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 500;
}

.progress-text {
    position: relative;
    z-index: 1;
}

#stopSearches {
    min-width: 100px;
    transition: all 0.3s ease;
}

#stopSearches:hover {
    transform: scale(1.05);
}

.search-stopped {
    background-color: #dc3545 !important;
}

.search-completed {
    background-color: #198754 !important;
}

.search-warning {
    background-color: #ffc107 !important;
    color: #000 !important;
}

.toast {
    background-color: #fff;
    border-radius: 0.25rem;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    font-size: 0.875rem;
    max-width: 350px;
    opacity: 0;
    transition: opacity 0.15s linear;
}

.toast.show {
    opacity: 1;
}

.toast-header {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
    padding: 0.75rem;
}

.processing-row {
    background-color: rgba(0, 123, 255, 0.1) !important;
    transition: background-color 0.3s ease;
}
</style>

<!-- Scripts -->
<script>
$(document).ready(function() {
    let totalItems = $('.status-cell').length;
    let completedItems = 0;
    let activeSearches = [];
    let isStopped = false;
    let autoGeneratePdf = false;
    let generatedPdfs = 0;
    let expectedPdfs = 0;
    let currentProcessingRow = null;

    // Vérifiez si Bootstrap est disponible
    const hasBootstrap = typeof bootstrap !== 'undefined';
    console.log('Bootstrap disponible:', hasBootstrap);

    // Fonction personnalisée pour afficher les toasts sans dépendre de Bootstrap
    function showSuccessToast(message) {
        try {
            if (hasBootstrap && bootstrap.Toast) {
                $('#pdfToast .toast-body').html(`<i class="fas fa-check-circle me-2"></i> ${message}`);
                const toastEl = document.getElementById('pdfToast');
                const toast = new bootstrap.Toast(toastEl);
                toast.show();
            } else {
                // Fallback à une alerte personnalisée
                $('#customToastText').html(message);
                $('#customToast').fadeIn().delay(3000).fadeOut();
            }
        } catch (e) {
            console.error('Erreur lors de l\'affichage du toast:', e);
            // Fallback à une alerte personnalisée
            $('#customToastText').html(message);
            $('#customToast').fadeIn().delay(3000).fadeOut();
        }
    }

    function showErrorToast(message) {
        try {
            if (hasBootstrap && bootstrap.Toast) {
                $('#pdfErrorToast .toast-body').html(`<i class="fas fa-exclamation-circle me-2"></i> ${message}`);
                const toastEl = document.getElementById('pdfErrorToast');
                const toast = new bootstrap.Toast(toastEl);
                toast.show();
            } else {
                // Fallback à une alerte personnalisée
                $('#customErrorToastText').html(message);
                $('#customErrorToast').fadeIn().delay(3000).fadeOut();
            }
        } catch (e) {
            console.error('Erreur lors de l\'affichage du toast d\'erreur:', e);
            // Fallback à une alerte personnalisée
            $('#customErrorToastText').html(message);
            $('#customErrorToast').fadeIn().delay(3000).fadeOut();
        }
    }

    // Afficher le modal au chargement de la page
    setTimeout(function() {
        try {
            Swal.fire({
                title: 'Options d\'importation',
                html: 'Voulez-vous aussi générer automatiquement les PDF pour les sujets trouvés?',
                icon: 'question',
                showCancelButton: true,
                confirmButtonText: 'Oui, générer les PDF',
                cancelButtonText: 'Non, vérifier seulement',
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                allowOutsideClick: false
            }).then((result) => {
                autoGeneratePdf = result.isConfirmed;
                console.log('Auto-generate PDF option:', autoGeneratePdf);

                // Mise à jour du titre de la barre de progression
                if (autoGeneratePdf) {
                    $('#searchStatus').text('Vérification et génération PDF en cours...');
                } else {
                    $('#searchStatus').text('Vérification en cours...');
                }

                // Start the searches after the user has made their choice
                startSearches();
            });
        } catch (e) {
            console.error('Erreur lors de l\'affichage du modal Swal:', e);
            // En cas d'échec de SweetAlert2, utiliser confirm standard et démarrer les recherches
            autoGeneratePdf = confirm('Voulez-vous aussi générer automatiquement les PDF pour les sujets trouvés?');
            startSearches();
        }
    }, 500); // Augmentation du délai à 500ms

    function updateProgress() {
        const percentage = Math.round((completedItems / totalItems) * 100);
        $('#globalProgress').css('width', percentage + '%');
        $('#globalProgress .progress-text').text(percentage + '%');
        $('#searchCount').text(`${completedItems} / ${totalItems} éléments traités`);

        if (completedItems === totalItems) {
            $('#globalProgress').removeClass('progress-bar-animated').addClass('search-completed');
            $('#searchStatus').text(autoGeneratePdf ? 'Vérification et génération PDF terminées' : 'Vérifications terminées');
            $('#stopSearches').hide();

            // Afficher un résumé des résultats
            const foundCount = $('.status-badge.found').length;
            const notFoundCount = $('.status-badge.not-found').length;
            const errorCount = $('.status-badge.error').length;

            // Afficher un toast de résumé
            showSuccessToast(`Processus terminé: ${foundCount} trouvés, ${notFoundCount} non trouvés, ${errorCount} erreurs, ${generatedPdfs} PDFs générés`);
        }
    }

    // Function to generate PDF without modal - integrated with the flow
    function generatePDFWithoutModal(result, type, statusCell, callback) {
        console.log(`Generating PDF for ${type} with CreditinfoId:`, result.CreditinfoId);

        // Ajouter un petit délai avant de générer le PDF pour éviter la congestion des requêtes
        showSuccessToast(`Préparation du PDF en cours...`);

        // Mettre à jour l'état visuel avec une icône de chargement
        const loadingIcon = '<i class="fas fa-spinner fa-pulse text-primary ms-1" title="PDF en cours de génération"></i>';
        statusCell.find('.status-badge').after(loadingIcon);

        // Délai avant d'envoyer la requête pour générer le PDF
        setTimeout(function() {
            let pdfData, url;

            if (type === 'individual') {
                url = "{{ route('get_individual_report_pdf') }}";
                pdfData = {
                    _token: $('meta[name="csrf-token"]').attr('content'),
                    ReportName: 'CreditinfoReport',
                    FullName: result.IndividualRecords?.SearchIndividualRecord?.FullName || 'Non disponible',
                    DateOfBirth: result.IndividualRecords?.SearchIndividualRecord?.DateOfBirth?.split('T')[0] || 'Non disponible',
                    IdNumber: result.IndividualRecords?.SearchIndividualRecord?.NationalID || 'Non disponible',
                    IdNumberIssuerCountry: result.Parameters?.IdNumbers?.IdNumberPairIndividual?.IdNumberIssuerCountry || 'CI',
                    IdNumberType: result.Parameters?.IdNumbers?.IdNumberPairIndividual?.IdNumberType || 'NationalID',
                    InquiryReason: 'ApplicationForCreditOrAmendmentOfCreditTerms'
                };
            } else if (type === 'company') {
                url = "{{ route('get_company_report_pdf') }}";
                pdfData = {
                    _token: $('meta[name="csrf-token"]').attr('content'),
                    ReportName: 'CreditinfoReport',
                    CompanyName: result.CompanyRecords?.SearchCompanyRecord?.CompanyName || 'Non disponible',
                    EstablishmentDate: result.CompanyRecords?.SearchCompanyRecord?.EstablishmentDate?.split('T')[0] || 'Non disponible',
                    IdNumber: result.Parameters?.IdNumbers?.IdNumberPairCompany?.IdNumber || 'Non disponible',
                    IdNumberIssuerCountry: result.Parameters?.IdNumbers?.IdNumberPairCompany?.IdNumberIssuerCountry || 'CI',
                    IdNumberType: result.Parameters?.IdNumbers?.IdNumberPairCompany?.IdNumberType || 'TaxNumber',
                    InquiryReason: 'ApplicationForCreditOrAmendmentOfCreditTerms'
                };
            }

            console.log('PDF request data:', pdfData);

            // Augmenter le timeout pour la génération du PDF
            $.ajax({
                url: url,
                type: 'POST',
                data: pdfData,
                timeout: 60000, // 60 secondes
                success: function(response) {
                    console.log('PDF generation response:', response);

                    // Supprimer l'icône de chargement
                    statusCell.find('.fa-spinner').remove();

                    if (response.success) {
                        generatedPdfs++;

                        // Add PDF icon
                        statusCell.find('.status-badge').after(' <i class="fas fa-file-pdf text-danger ms-1" title="PDF généré avec succès"></i>');

                        // Afficher le message de succès avec le nom du fichier
                        showSuccessToast(`PDF généré avec succès: ${response.file_name}`);
                    } else {
                        console.error('PDF generation failed:', response.message);
                        showErrorToast('Erreur: ' + (response.message || 'Échec de génération du PDF'));

                        // Add error icon
                        statusCell.find('.status-badge').after(' <i class="fas fa-exclamation-triangle text-warning ms-1" title="Erreur: ' + (response.message || 'Échec de génération') + '"></i>');
                    }
                },
                error: function(xhr, status, error) {
                    console.error('Error in PDF generation AJAX call:', status, error);

                    // Supprimer l'icône de chargement
                    statusCell.find('.fa-spinner').remove();

                    // Message d'erreur approprié selon le type
                    let errorMsg = 'Erreur lors de la génération du PDF';
                    if (status === 'timeout') {
                        errorMsg = 'Délai d\'attente dépassé pour la génération du PDF';
                    }

                    showErrorToast(errorMsg);

                    // Add error icon
                    statusCell.find('.status-badge').after(' <i class="fas fa-exclamation-triangle text-warning ms-1" title="' + errorMsg + '"></i>');
                },
                complete: function() {
                    console.log('Génération PDF terminée, passage à l\'élément suivant');
                    // Attendre un délai avant de passer à la ligne suivante pour éviter les conflits entre requêtes
                    setTimeout(function() {
                        if (callback && typeof callback === 'function') {
                            callback();
                        }
                    }, 1000);
                }
            });
        }, 2000); // 2 secondes de délai avant de lancer la requête
    }

    // Refactored to process rows sequentially
    function processRows() {
        if (isStopped) return;

        // Si toutes les lignes ont été traitées, on arrête
        if (completedItems >= totalItems) {
            return;
        }

        // Trouver la prochaine ligne à traiter
        const nextStatusCell = $('.status-cell').eq(completedItems);
        currentProcessingRow = nextStatusCell;

        if (!nextStatusCell.length) {
            console.error("Impossible de trouver la prochaine ligne à traiter");
            return;
        }

        // Mettre à jour le statut pour indiquer quelle ligne est en cours de traitement
        $('#searchStatus').text(`Traitement de l'élément ${completedItems + 1}/${totalItems}...`);

        // Mettre en évidence la ligne en cours de traitement
        $('.status-cell').removeClass('processing-row');
        nextStatusCell.addClass('processing-row');

        checkRowStatus(nextStatusCell, function() {
            // Cette fonction sera appelée quand le processus complet
            // (vérification + PDF si nécessaire) est terminé pour cette ligne
            completedItems++;
            updateProgress();

            // Passer à la prochaine ligne après un petit délai
            setTimeout(function() {
                processRows();
            }, 500);
        });
    }

    // Modify the existing checkRowStatus function to support sequential processing
    function checkRowStatus(statusCell, callback) {
        if (isStopped) {
            if (callback) callback();
            return;
        }

        const rowData = JSON.parse(statusCell.attr('data-row'));
        const typeSubject = rowData[5];
        let url, data;

        if (typeSubject === 'PP') {
            url = "{{ route('smart_search_individual') }}";
            data = {
                _token: $('meta[name="csrf-token"]').attr('content'),
                FullName: rowData[0],
                DateOfBirth: rowData[4],
                IdNumber: rowData[1],
                IdNumberType: 'NationalID',
                IdNumberIssuerCountry: rowData[2],
                InquiryReason: 'ApplicationForCreditOrAmendmentOfCreditTerms'
            };
        } else if (typeSubject === 'PM') {
            url = "{{ route('smart-search-company') }}";
            data = {
                _token: $('meta[name="csrf-token"]').attr('content'),
                CompanyName: rowData[0],
                EstablishmentDate: rowData[4],
                IdNumber: rowData[1],
                IdNumberType: 'TaxNumber',
                IdNumberIssuerCountry: rowData[2],
                InquiryReason: 'ApplicationForCreditOrAmendmentOfCreditTerms'
            };
        }

        const ajaxRequest = $.ajax({
            url: url,
            type: 'POST',
            data: data,
            success: function(response) {
                if (isStopped) {
                    if (callback) callback();
                    return;
                }

                const loader = statusCell.find('.status-loader');
                loader.remove();

                if (typeSubject === 'PP' && response?.SmartSearchIndividualResult) {
                    const result = response.SmartSearchIndividualResult;
                    console.log('PP response:', result);

                    if (result.Status === "SubjectFound") {
                        statusCell.html('<span class="badge status-badge found">Trouvé</span>');

                        // Auto-generate PDF if option is enabled
                        if (autoGeneratePdf) {
                            console.log('Auto-generating PDF for individual:', result.CreditinfoId);
                            // Générer PDF et passer à la ligne suivante seulement après
                            generatePDFWithoutModal(result, 'individual', statusCell, callback);
                            return; // Ne pas appeler le callback tout de suite, il sera appelé par generatePDFWithoutModal
                        }
                    } else {
                        statusCell.html('<span class="badge status-badge not-found">Non trouvé</span>');
                    }
                } else if (typeSubject === 'PM' && response?.SmartSearchCompanyResult) {
                    const result = response.SmartSearchCompanyResult;
                    console.log('PM response:', result);

                    if (result.Status === "SubjectFound") {
                        statusCell.html('<span class="badge status-badge found">Trouvé</span>');

                        // Auto-generate PDF if option is enabled
                        if (autoGeneratePdf) {
                            console.log('Auto-generating PDF for company:', result.CreditinfoId);
                            // Générer PDF et passer à la ligne suivante seulement après
                            generatePDFWithoutModal(result, 'company', statusCell, callback);
                            return; // Ne pas appeler le callback tout de suite, il sera appelé par generatePDFWithoutModal
                        }
                    } else {
                        statusCell.html('<span class="badge status-badge not-found">Non trouvé</span>');
                    }
                } else {
                    statusCell.html('<span class="badge status-badge error">Erreur</span>');
                    console.error('Unexpected response format:', response);
                }

                // Si on arrive ici, c'est qu'on n'a pas généré de PDF, donc on passe à la ligne suivante
                if (callback) callback();
            },
            error: function(xhr) {
                if (isStopped) {
                    if (callback) callback();
                    return;
                }

                console.error('Error in search AJAX call:', xhr);
                const loader = statusCell.find('.status-loader');
                loader.remove();
                statusCell.html('<span class="badge status-badge error">Erreur</span>');

                // En cas d'erreur, on passe à la ligne suivante
                if (callback) callback();
            }
        });

        activeSearches.push(ajaxRequest);

        // Show stop button when searches start
        $('#stopSearches').show();
    }

    // Stop button handler
    $('#stopSearches').click(function() {
        isStopped = true;
        $(this).prop('disabled', true).html('<i class="fas fa-spinner fa-spin me-1"></i>Arrêt en cours...');

        // Abort all active requests
        activeSearches.forEach(request => request.abort());
        activeSearches = [];

        // Update UI
        $('.status-loader').each(function() {
            $(this).closest('.status-cell').html('<span class="badge status-badge error">Annulé</span>');
        });

        $('#globalProgress').removeClass('progress-bar-animated').addClass('search-warning');
        $('#searchStatus').text('Recherches arrêtées');
        $(this).hide();

        completedItems = totalItems;
        updateProgress();
    });

    // Start the searches function
    function startSearches() {
        // Cette fonction lance le traitement séquentiel des lignes
        processRows();
    }

    // Handle form submission
    $(document).on('submit', '.generate-report-form', function(e) {
        e.preventDefault(); // Prevent default form submission

        var form = $(this);
        var rowData = JSON.parse(form.find('input[name="row_data"]').val());
        var typeSubject = rowData[5]; // $row[5] is TypeSubject ('PP' or 'PM')
        var url, data;

        // Prepare data based on TypeSubject
        if (typeSubject === 'PP') {
            url = "{{ route('smart_search_individual') }}";
            data = {
                _token: $('meta[name="csrf-token"]').attr('content'),
                FullName: rowData[0],              // Name
                DateOfBirth: rowData[4],          // Date
                IdNumber: rowData[1],             // NumeroPiece
                IdNumberType: 'NationalID',         // TypeID
                IdNumberIssuerCountry: rowData[2], // Country
                InquiryReason: 'ApplicationForCreditOrAmendmentOfCreditTerms' // TypeReport or default
            };
        } else if (typeSubject === 'PM') {
            url = "{{ route('smart-search-company') }}";
            data = {
                _token: $('meta[name="csrf-token"]').attr('content'),
                CompanyName: rowData[0],           // Name
                EstablishmentDate: rowData[4],     // Date
                IdNumber: rowData[1],             // NumeroPiece
                IdNumberType: 'TaxNumber',         // TypeID
                IdNumberIssuerCountry: rowData[2], // Country
                InquiryReason: 'ApplicationForCreditOrAmendmentOfCreditTerms' // TypeReport or default
            };
        } else {
            Swal.fire({
                title: 'Erreur!',
                text: 'TypeSubject invalide.',
                icon: 'error'
            });
            return;
        }

        // Show loading indicator
        Swal.fire({
            title: 'Chargement...',
            html: '<div class="spinner-border" role="status"><span class="visually-hidden">Chargement...</span></div>',
            allowOutsideClick: false,
            showConfirmButton: false
        });

        // Send AJAX request
        $.ajax({
            url: url,
            type: 'POST',
            data: data,
            success: function(response) {
                Swal.close();

                if (typeSubject === 'PP' && response && response.SmartSearchIndividualResult) {
                    const result = response.SmartSearchIndividualResult;
                    if (result.Status === "SubjectFound") {
                        const record = result.IndividualRecords?.SearchIndividualRecord;
                        const creditinfoId = result.CreditinfoId;

                        let printableContent = `
                            <strong>Creditinfo ID :</strong> ${record?.CreditinfoId || 'Non disponible'}<br>
                            <strong>Nom complet :</strong> ${record?.FullName || 'Non disponible'}<br>
                            <strong>Date de naissance :</strong> ${record?.DateOfBirth?.split('T')[0] || 'Non disponible'}<br>
                            <strong>National ID :</strong> ${record?.NationalID || 'Non disponible'}<br>
                        `;

                        if (creditinfoId !== null) {
                            printableContent += `
                                <br>
                                <button id="printPdfButton" class="btn btn-danger">Imprimer le PDF <i class="fas fa-file-pdf"></i></button>
                            `;
                        }

                        Swal.fire({
                            title: 'Résultat de la recherche',
                            html: printableContent,
                            showConfirmButton: false
                        });

                        $(document).on('click', '#printPdfButton', function() {
                            generatePDF(result, 'individual');
                        });
                    } else {
                        Swal.fire({
                            title: 'Aucun résultat trouvé',
                            html: 'La recherche n\'a retourné aucun résultat.',
                            icon: 'warning'
                        });
                    }
                } else if (typeSubject === 'PM' && response && response.SmartSearchCompanyResult) {
                    const result = response.SmartSearchCompanyResult;
                    if (result.Status === "SubjectFound") {
                        const record = result.CompanyRecords?.SearchCompanyRecord;
                        const creditinfoId = result.CreditinfoId;

                        let printableContent = `
                            <strong>Crédit info Id :</strong> ${record?.CreditinfoId || 'Non disponible'}<br>
                            <strong>Nom de l\'entreprise :</strong> ${record?.CompanyName || 'Non disponible'}<br>
                            <strong>Date de création :</strong> ${record?.EstablishmentDate?.split('T')[0] || 'Non disponible'}<br>
                            <strong>Numéro d\'enregistrement :</strong> ${record?.RegistrationNumber || 'Non disponible'}<br>
                            <strong>Numéro fiscal :</strong> ${record?.TaxNumber || 'Non disponible'}<br>
                        `;

                        if (creditinfoId !== null) {
                            printableContent += `
                                <br>
                                <button id="viewReportButton" class="btn btn-success">Voir le rapport</button>
                                <button id="printPdfButton" class="btn btn-danger">Imprimer le PDF <i class="fas fa-file-pdf"></i></button>
                            `;
                        }

                        Swal.fire({
                            title: 'Résultat de la recherche',
                            html: printableContent,
                            showConfirmButton: false
                        });

                        $(document).on('click', '#printPdfButton', function() {
                            generatePDF(result, 'company');
                        });
                    } else {
                        Swal.fire({
                            title: 'Aucun résultat trouvé',
                            html: 'La recherche n\'a retourné aucun résultat.',
                            icon: 'warning'
                        });
                    }
                } else {
                    Swal.fire({
                        title: 'Erreur!',
                        text: 'Réponse inattendue.',
                        icon: 'error'
                    });
                }
            },
            error: function(xhr) {
                Swal.close();
                let message = 'Une erreur est survenue.';
                if (xhr.status === 400) message = 'Requête invalide.';
                else if (xhr.status === 401) message = 'Non autorisé.';
                else if (xhr.status === 403) message = 'Accès refusé.';
                else if (xhr.status === 404) message = 'Ressource non trouvée.';
                else if (xhr.status === 500) message = 'Erreur serveur interne.';

                Swal.fire({
                    title: 'Erreur!',
                    html: `${message}<br>Message technique: ${xhr.responseText}`,
                    icon: 'error'
                });
            },
            timeout: 120000
        }).fail(function(jqXHR, textStatus) {
            if (textStatus === "timeout") {
                Swal.fire({
                    title: 'Erreur!',
                    text: 'La requête a expiré.',
                    icon: 'error'
                });
            }
        });
    });

    // Function to generate PDF
    function generatePDF(result, type) {
        Swal.fire({
            title: 'Génération du PDF en cours...',
            html: '<div class="spinner-border" role="status"><span class="visually-hidden">Chargement...</span></div>',
            allowOutsideClick: false,
            showConfirmButton: false
        });

        let pdfData, url;
        if (type === 'individual') {
            url = "{{ route('get_individual_report_pdf') }}";
            pdfData = {
                _token: $('meta[name="csrf-token"]').attr('content'),
                ReportName: 'CreditinfoReport',
                FullName: result.IndividualRecords?.SearchIndividualRecord?.FullName || 'Non disponible',
                DateOfBirth: result.IndividualRecords?.SearchIndividualRecord?.DateOfBirth?.split('T')[0] || 'Non disponible',
                IdNumber: result.IndividualRecords?.SearchIndividualRecord?.NationalID || 'Non disponible',
                IdNumberIssuerCountry: 'CI', // Adjust as needed
                IdNumberType: 'NationalID',  // Adjust as needed
                InquiryReason: 'ApplicationForCreditOrAmendmentOfCreditTerms'
            };
        } else if (type === 'company') {
            url = "{{ route('get_company_report_pdf') }}";
            pdfData = {
                _token: $('meta[name="csrf-token"]').attr('content'),
                ReportName: 'CreditinfoReport',
                CompanyName: result.CompanyRecords?.SearchCompanyRecord?.CompanyName || 'Non disponible',
                EstablishmentDate: result.CompanyRecords?.SearchCompanyRecord?.EstablishmentDate?.split('T')[0] || 'Non disponible',
                IdNumber: result.Parameters?.IdNumbers?.IdNumberPairCompany?.IdNumber || 'Non disponible',
                IdNumberIssuerCountry: result.Parameters?.IdNumbers?.IdNumberPairCompany?.IdNumberIssuerCountry || 'Non disponible',
                IdNumberType: result.Parameters?.IdNumbers?.IdNumberPairCompany?.IdNumberType || 'Non disponible',
                InquiryReason: 'ApplicationForCreditOrAmendmentOfCreditTerms'
            };
        }

        $.ajax({
            url: url,
            type: 'POST',
            data: pdfData,
            success: function(response) {
                Swal.close();
                if (response.success) {
                    Swal.fire({
                        title: 'PDF généré avec succès!',
                        html: `<a href="{{ asset('reports') }}/${response.file_name}" target="_blank" class="btn btn-success">Télécharger le PDF <i class="fas fa-file-pdf fa-beat"></i></a>`,
                        icon: 'success',
                        showConfirmButton: false
                    });
                } else {
                    Swal.fire({
                        title: 'Erreur lors de la génération du PDF',
                        text: response.message || 'Une erreur inattendue est survenue.',
                        icon: 'error'
                    });
                }
            },
            error: function(xhr) {
                Swal.close();
                Swal.fire({
                    title: 'Erreur!',
                    text: 'La génération du PDF a échoué.',
                    icon: 'error'
                });
            }
        });
    }
});
</script>
@endsection