@extends('admin.layout')
@section('title', "Recherche entreprise")

@section('content')

<style>
    .search-card {
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 0 20px rgba(0,0,0,0.05);
    }

    .search-card .card-header {
        background: #fff;
        border-bottom: 1px solid #eee;
        padding: 20px;
    }

    .search-card .card-header h5 {
        color: #333;
        font-weight: 600;
        margin: 0;
    }

    .search-card .card-body {
        padding: 25px;
    }

    .form-row {
        display: flex;
        margin: 0 -12px;
        flex-wrap: wrap;
    }

    .form-col {
        flex: 0 0 50%;
        padding: 0 12px;
        margin-bottom: 20px;
    }

    .form-group label {
        display: block;
        margin-bottom: 8px;
        color: #555;
        font-weight: 500;
        font-size: 14px;
    }

    .form-control {
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #ddd;
        border-radius: 8px;
        transition: all 0.3s ease;
        font-size: 14px;
    }

    .form-control:focus {
        border-color: #FFD700;
        box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.1);
    }

    select.form-control {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5l-5-5h10l-5 5z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 15px center;
        padding-right: 40px;
        appearance: none;
    }

    .btn-submit {
        background: linear-gradient(45deg, #D92332,rgb(255, 94, 73));
        color: white;
        border: none;
        padding: 12px 30px;
        border-radius: 8px;
        font-weight: 500;
        transition: all 0.3s ease;
        margin-top: 10px;
    }

    .btn-submit:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(217, 35, 50, 0.2);
    }

    .loader {
        display: none;
        width: 20px;
        height: 20px;
        border: 2px solid #f3f3f3;
        border-radius: 50%;
        border-top: 2px solid #D92332;
        animation: spin 1s linear infinite;
        margin-left: 10px;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    .client-select-container {
        display: none;
        margin-top: 20px;
    }

    .select2-container--bootstrap4.select2-container--focus .select2-selection {
        border-color: #FFD700;
        box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.25);
    }

    .list-group {
        position: absolute;
        width: 100%;
        z-index: 1000;
        max-height: 300px;
        overflow-y: auto;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .list-group-item {
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .list-group-item:hover {
        background-color: #f8f9fa;
    }

    .client-select-container {
        position: relative;
    }
</style>

<div class="col-md-10 mx-auto">
    <div class="card search-card">
        <div class="card-header">
            <h5><i class="fas fa-building mr-2"></i> Recherche entreprise</h5>
        </div>
        <div class="card-body">
            <form id="smartSearchForm">
                @csrf
                <div class="form-row">
                    <div class="col-12">
                        <div class="form-group">
                            <label><i class="fas fa-building mr-1"></i> Agence</label>
                            <div class="d-flex align-items-center">
                                <select name="agence" class="form-control code_agence" id="agence">
                                    <option value="">Sélectionnez l'agence</option>
                                    @foreach($serveurs as $serveur)
                                        <option value="{{ $serveur->code_agence }}" {{ request()->get('agence') == $serveur->code_agence ? 'selected' : '' }}>
                                            {{ $serveur->libelle_agence }}
                                        </option>
                                    @endforeach
                                </select>
                                <div class="loader" id="agenceLoader"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 client-select-container" id="clientContainer">
                        <div class="form-group">
                            <label><i class="fas fa-user mr-1"></i> Code Client</label>
                            <div class="d-flex align-items-center">
                                <input type="text"
                                       class="form-control"
                                       id="clientSearch"
                                       placeholder="Entrez le code client"
                                       autocomplete="off">
                                <div class="loader" id="clientLoader"></div>
                            </div>
                            <div id="clientResults" class="mt-2"></div>
                        </div>
                    </div>

                    <!-- Première ligne -->
                    <div class="form-col">
                        <div class="form-group">
                            <label><i class="fas fa-building mr-1"></i> Nom de l'entreprise</label>
                            <input type="text" class="form-control" name="CompanyName" id="CompanyName"
                                placeholder="Entrez le nom de l'entreprise" required>
                        </div>
                    </div>
                    <div class="form-col">
                        <div class="form-group">
                            <label><i class="fas fa-calendar mr-1"></i> Date de création</label>
                            <input type="date" class="form-control" name="EstablishmentDate" id="EstablishmentDate" required>
                        </div>
                    </div>

                    <!-- Deuxième ligne -->
                    <div class="form-col">
                        <div class="form-group">
                            <label><i class="fas fa-id-card mr-1"></i> Numéro d'enregistrement</label>
                            <input type="text" class="form-control" name="IdNumber" id="IdNumber"
                                placeholder="Numéro d'enregistrement" required>
                        </div>
                    </div>
                    <div class="form-col">
                        <div class="form-group">
                            <label><i class="fas fa-file-alt mr-1"></i> Type d'enregistrement</label>
                            <select class="form-control" name="IdNumberType" id="IdNumberType" required>
                                <option value="">Sélectionnez le type</option>
                                <option value="TaxNumber">Numéro fiscal</option>
                                <option value="RegistrationNumber">Numéro d'enregistrement</option>
                            </select>
                        </div>
                    </div>

                    <!-- Troisième ligne -->
                    <div class="form-col">
                        <div class="form-group">
                            <label><i class="fas fa-globe mr-1"></i> Pays émetteur</label>
                            <select class="form-control" name="IdNumberIssuerCountry" id="IdNumberIssuerCountry">
                                <option value="">Sélectionnez le pays</option>
                                <option value="ML">Mali</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="SN">Sénégal</option>
                                <option value="BN">Bénin</option>
                                <option value="TG">Togo</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="GB">Guinée-Bissau</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-col">
                        <div class="form-group">
                            <label><i class="fas fa-question-circle mr-1"></i> Motif de la recherche</label>
                            <select class="form-control" name="InquiryReason" id="InquiryReason" required>
                                <option value="">Sélectionnez le motif</option>
                                <option value="ApplicationForCreditOrAmendmentOfCreditTerms">Demande de crédit</option>
                                <option value="EvaluationOfCurrentCustomerSupplierPartnerOrOwnEmployee">Évaluation</option>
                                <option value="PaymentAgreement">Accord de paiement</option>
                                <option value="AnotherReason">Autre raison</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="text-center">
                    <button type="submit" class="btn btn-submit" id="submitButton">
                        <span id="buttonText">Rechercher</span>
                        <i id="buttonSpinner" style="display: none" class="fas fa-circle-notch fa-spin"></i>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<div id="printableSearch" style="display:none;"></div>

<script>
$(document).ready(function() {
        $('#smartSearchForm').submit(function(e) {
        e.preventDefault(); // Prevent default form submission

        console.log('Company search form submitted - Initializing search');

        $('#submitButton').attr('disabled', true);
        $('#buttonText').text('Chargement...');
        $('#buttonSpinner').show();
        $(".loader-bg").show();

        var formData = {
            _token: $('meta[name="csrf-token"]').attr('content'),
            CompanyName: $('#CompanyName').val(),
            EstablishmentDate: $('#EstablishmentDate').val(),
            IdNumber: $('#IdNumber').val(),
            IdNumberType: $('#IdNumberType').val(),
            IdNumberIssuerCountry: $('#IdNumberIssuerCountry').val(),
            InquiryReason: $('#InquiryReason').val(),
        };

        console.log('Company search data:', formData);

        $.ajax({
            url: "{{ route('smart-search-company') }}",
            type: 'POST',
            data: formData,
            timeout: 120000, // 2 minutes
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                'Accept': 'application/json'
            },
            beforeSend: function() {
                console.log('Sending company search request...');
            },
            success: function(response) {
                console.log('Company search response received:', response);

                if (response && response.SmartSearchCompanyResult) {
                    const result = response.SmartSearchCompanyResult;

                    if (result.Status === "SubjectFound") {
                        // Gérer le cas où il y a des résultats
                        const records = result.CompanyRecords?.SearchCompanyRecord;
                        const creditinfoId = result.CreditinfoId;

                        // Vérifier si records est un tableau ou un objet unique
                        let recordsArray = Array.isArray(records) ? records : [records];

                        console.log('Company records found:', recordsArray.length);

                        // Créer le contenu HTML pour tous les résultats
                        let printableContent = '<div class="search-results">';

                        if (recordsArray.length > 1) {
                            printableContent += `<div class="alert alert-info">
                                <strong>${recordsArray.length} entreprises trouvées</strong>
                            </div>`;
                        }

                        // Ajouter chaque résultat
                        recordsArray.forEach((record, index) => {
                            printableContent += `
                                <div class="result-card mb-3 p-3 border rounded ${index === 0 ? 'border-primary' : 'border-secondary'}">
                                    <h5 class="mb-3"><i class="fas fa-building text-primary"></i> Entreprise ${index + 1}</h5>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <p><strong>Credit Info ID :</strong> ${record?.CreditinfoId || 'Non disponible'}</p>
                                            <p><strong>Nom de l'entreprise :</strong> ${record?.CompanyName || 'Non disponible'}</p>
                                            <p><strong>Date de création :</strong> ${record?.EstablishmentDate?.split('T')[0] || 'Non disponible'}</p>
                                        </div>
                                        <div class="col-md-6">
                                            <p><strong>Numéro d'enregistrement :</strong> ${record?.RegistrationNumber || 'Non disponible'}</p>
                                            <p><strong>Numéro fiscal :</strong> ${record?.TaxNumber || 'Non disponible'}</p>
                                            <p><strong>Statut :</strong> <span class="badge badge-success">Actif</span></p>
                                        </div>
                                    </div>
                                    ${record?.CreditinfoId || result.CreditinfoId ? `
                                        <div class="mt-3 text-center">
                                            <button class="btn btn-danger btn-sm me-2 printPdfButton" data-creditinfoid="${record?.CreditinfoId || result.CreditinfoId}">
                                                <i class="fas fa-file-pdf"></i> Imprimer le PDF
                                            </button>
                                            <!--button class="btn btn-success btn-sm viewReportButton" data-creditinfoid="${record?.CreditinfoId || result.CreditinfoId}">
                                                <i class="fas fa-eye"></i> Voir le rapport
                                            </button-->
                                        </div>
                                    ` : `
                                        <div class="mt-3 text-center">
                                            <div class="alert alert-warning">
                                                <i class="fas fa-exclamation-triangle"></i>
                                                Aucun CreditinfoId disponible pour cette entreprise
                                            </div>
                                        </div>
                                    `}
                                </div>
                            `;
                        });

                        printableContent += '</div>';

                        // Afficher les résultats
                        $('#printableSearch').html(printableContent);

                        // Afficher la modal avec les résultats
                        Swal.fire({
                            title: '<i class="fas fa-search text-primary"></i> Résultats de la recherche entreprise',
                            html: printableContent,
                            width: '900px',
                            showConfirmButton: true,
                            confirmButtonText: 'Fermer',
                            customClass: {
                                container: 'swal-wide',
                                popup: 'swal-wide'
                            }
                        });

                        // Gestionnaire d'événements pour les boutons de rapport
                        $(document).off('click', '.viewReportButton').on('click', '.viewReportButton', function() {
                            const creditinfoId = $(this).data('creditinfoid');
                            const selectedRecord = recordsArray.find(r => r.CreditinfoId === creditinfoId) || recordsArray[0];
                            if (selectedRecord) {
                                console.log('Génération du rapport pour entreprise ID:', creditinfoId);
                                generateCustomReport({
                                    ...result,
                                    CreditinfoId: creditinfoId,
                                    CompanyRecords: {
                                        SearchCompanyRecord: selectedRecord
                                    }
                                });
                            }
                        });

                        // Gestionnaire d'événements pour les boutons PDF
                        $(document).off('click', '.printPdfButton').on('click', '.printPdfButton', function() {
                            const creditinfoId = $(this).data('creditinfoid');
                            const selectedRecord = recordsArray.find(r => r.CreditinfoId === creditinfoId) || recordsArray[0];
                            if (selectedRecord) {
                                console.log('Génération du PDF pour entreprise ID:', creditinfoId);
                                generatePDF({
                                    ...result,
                                    CreditinfoId: creditinfoId,
                                    CompanyRecords: {
                                        SearchCompanyRecord: selectedRecord
                                    }
                                });
                            }
                        });

                    } else {
                        // Aucun résultat trouvé
                        console.log('No company found with status:', result.Status);
                        Swal.fire({
                            title: '<i class="fas fa-search text-warning"></i> Aucun résultat trouvé',
                            html: `
                                <div class="text-center">
                                    <i class="fas fa-building-slash fa-3x text-muted mb-3"></i>
                                    <p class="mb-3">La recherche n'a retourné aucune entreprise correspondante.</p>
                                    <button id="generateEmptyReportBtn" class="btn btn-warning btn-lg">
                                        <i class="fas fa-file-pdf"></i> Générer un rapport vide
                                    </button>
                                </div>
                            `,
                            showConfirmButton: false,
                            icon: 'warning'
                        });

                        $(document).off('click', '#generateEmptyReportBtn').on('click', '#generateEmptyReportBtn', function() {
                            Swal.close();
                            generateEmptyReport();
                        });
                    }
                } else {
                    // Erreur dans la réponse
                    console.error('Invalid company search response:', response);
                    Swal.fire({
                        title: '<i class="fas fa-exclamation-triangle text-danger"></i> Erreur de recherche',
                        html: `
                            <div class="text-center">
                                <i class="fas fa-server fa-3x text-danger mb-3"></i>
                                <p class="mb-3">Aucun résultat trouvé dans la réponse du serveur.</p>
                                <button id="generateEmptyReportBtn2" class="btn btn-warning btn-lg">
                                    <i class="fas fa-file-pdf"></i> Générer un rapport vide
                                </button>
                            </div>
                        `,
                        showConfirmButton: false,
                        icon: 'error'
                    });

                    $(document).off('click', '#generateEmptyReportBtn2').on('click', '#generateEmptyReportBtn2', function() {
                        Swal.close();
                        generateEmptyReport();
                    });
                }
            },
            error: function(xhr, status, error) {
                console.error('Company search error:', {
                    status: xhr.status,
                    statusText: xhr.statusText,
                    responseText: xhr.responseText,
                    error: error
                });

                // Si 404 (SubjectNotFound), générer automatiquement un rapport vide
                if (xhr.status === 404) {
                    Swal.fire({
                        title: 'Aucun résultat trouvé',
                        html: 'L\'entreprise n\'existe pas dans la base de données.<br>Génération d\'un rapport vide en cours...',
                        icon: 'info',
                        timer: 2000,
                        timerProgressBar: true,
                        showConfirmButton: false,
                        allowOutsideClick: false
                    }).then(() => {
                        generateEmptyReport();
                    });
                    return;
                }

                let errorTitle = 'Erreur de communication';
                let message = 'Une erreur est survenue lors de la recherche.';

                // Gestion spécifique des erreurs HTTP
                switch (xhr.status) {
                    case 0:
                        message = 'Problème de connexion réseau. Vérifiez votre connexion internet.';
                        break;
                    case 400:
                        message = 'Requête invalide. Veuillez vérifier les champs saisis.';
                        break;
                    case 401:
                        message = 'Session expirée. Veuillez vous reconnecter.';
                        break;
                    case 403:
                        message = 'Accès refusé. Vous n\'avez pas les autorisations nécessaires.';
                        break;
                    case 422:
                        message = 'Données de validation incorrectes.';
                        if (xhr.responseJSON && xhr.responseJSON.errors) {
                            const errors = Object.values(xhr.responseJSON.errors).flat();
                            message += '\n' + errors.join('\n');
                        }
                        break;
                    case 500:
                        message = 'Erreur serveur interne. Veuillez réessayer plus tard.';
                        break;
                    case 502:
                    case 503:
                    case 504:
                        message = 'Service temporairement indisponible. Veuillez réessayer.';
                        break;
                    default:
                        if (status === 'timeout') {
                            message = 'La requête a pris trop de temps. Le serveur est peut-être surchargé.';
                        } else if (status === 'abort') {
                            message = 'Requête annulée par l\'utilisateur.';
                        } else {
                            message = `Erreur inattendue (${xhr.status}): ${error}`;
                        }
                }

                Swal.fire({
                    title: errorTitle,
                    html: `
                        <div class="text-center">
                            <i class="fas fa-exclamation-circle fa-3x text-danger mb-3"></i>
                            <p class="mb-3">${message}</p>
                            ${xhr.responseText ? `<small class="text-muted">Détails techniques: ${xhr.responseText}</small>` : ''}
                        </div>
                    `,
                    icon: 'error',
                    confirmButtonText: 'Réessayer',
                    showCancelButton: true,
                    cancelButtonText: 'Annuler'
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Retry automatique
                        setTimeout(() => $('#smartSearchForm').submit(), 1000);
                    }
                });
            },
            complete: function() {
                $('#submitButton').attr('disabled', false);
                $('#buttonText').text('Rechercher');
                $('#buttonSpinner').hide();
                $(".loader-bg").hide();
                console.log('Company search request completed');
            }
        }).fail(function(jqXHR, textStatus) {
            if (textStatus === "timeout") {
                Swal.fire({
                    title: 'Timeout de recherche',
                    html: `
                        <div class="text-center">
                            <i class="fas fa-clock fa-3x text-warning mb-3"></i>
                            <p class="mb-3">La recherche a pris trop de temps.</p>
                            <p>Veuillez vérifier votre connexion réseau et réessayer.</p>
                        </div>
                    `,
                    icon: 'warning',
                    confirmButtonText: 'Réessayer',
                    showCancelButton: true,
                    cancelButtonText: 'Annuler'
                }).then((result) => {
                    if (result.isConfirmed) {
                        setTimeout(() => $('#smartSearchForm').submit(), 1000);
                    }
                });
            }
        });
    });

    /**
     * Fonction utilitaire pour imprimer une div
     * @param {string} divId - ID de la div à imprimer
     */
    function printDiv(divId) {
        var content = document.getElementById(divId).innerHTML;
        var myWindow = window.open('', 'Print', 'height=600,width=800');
        myWindow.document.write('<html><head><title>Imprimer</title></head><body>' + content + '</body></html>');
        myWindow.document.close();
        myWindow.print();
        myWindow.close();
    }

    /**
     * Fonction optimisée pour générer un PDF de rapport entreprise
     * @param {Object} result - Objet contenant les données du résultat de recherche
     */
    function generatePDF(result) {
        // Validation des données d'entrée
        if (!result || !result.CompanyRecords || !result.CompanyRecords.SearchCompanyRecord) {
            Swal.fire({
                title: 'Erreur de données',
                text: 'Les données nécessaires pour générer le PDF sont manquantes.',
                icon: 'error',
                confirmButtonText: 'OK'
            });
            return;
        }

        const companyRecord = result.CompanyRecords.SearchCompanyRecord;

        // Validation des champs requis
        const requiredFields = {
            'CompanyName': companyRecord.CompanyName,
            'EstablishmentDate': companyRecord.EstablishmentDate,
            'CreditinfoId': result.CreditinfoId
        };

        const missingFields = Object.keys(requiredFields).filter(field => !requiredFields[field]);

        if (missingFields.length > 0) {
            Swal.fire({
                title: 'Données incomplètes',
                text: `Les champs suivants sont manquants : ${missingFields.join(', ')}`,
                icon: 'warning',
                confirmButtonText: 'OK'
            });
            return;
        }

        // Affichage du loader avec possibilité d'annulation
        Swal.fire({
            title: 'Génération du PDF en cours...',
            html: `
                <div class="d-flex flex-column align-items-center">
                    <div class="spinner-border text-primary mb-3" role="status">
                        <span class="visually-hidden">Chargement...</span>
                    </div>
                    <p class="text-muted">Veuillez patienter, cette opération peut prendre quelques instants...</p>
                    <div class="progress w-100 mt-2">
                        <div class="progress-bar progress-bar-striped progress-bar-animated"
                             role="progressbar" style="width: 0%" id="pdfProgress"></div>
                    </div>
                </div>
            `,
            allowOutsideClick: false,
            showCancelButton: true,
            cancelButtonText: 'Annuler',
            showConfirmButton: false,
            didOpen: () => {
                // Animation de la barre de progression
                let progress = 0;
                const progressBar = document.getElementById('pdfProgress');
                const interval = setInterval(() => {
                    progress += Math.random() * 15;
                    if (progress > 90) progress = 90;
                    progressBar.style.width = progress + '%';
                }, 500);

                // Stocker l'interval pour le nettoyer plus tard
                Swal.getPopup().progressInterval = interval;
            }
        });

        // Préparation des données pour la requête selon la structure SOAP UI testée
        // Utiliser CreditinfoId si disponible, sinon les données originales
        const useCreditinfoId = result.CreditinfoId && result.CreditinfoId !== '';

        const pdfData = {
            _token: $('meta[name="csrf-token"]').attr('content'),
            ReportName: 'CreditinfoReportPlus', // Nom par défaut selon vos tests SOAP UI
            CompanyName: companyRecord.CompanyName.trim(),
            EstablishmentDate: companyRecord.EstablishmentDate.split('T')[0], // Format YYYY-MM-DD
            IdNumber: useCreditinfoId ? result.CreditinfoId : (companyRecord.RegistrationNumber || companyRecord.TaxNumber || ''),
            IdNumberIssuerCountry: $('#IdNumberIssuerCountry').val() || 'ML',
            IdNumberType: useCreditinfoId ? 'CreditinfoId' : ($('#IdNumberType').val() || 'TaxNumber'),
            InquiryReason: $('#InquiryReason').val() || 'ApplicationForCreditOrAmendmentOfCreditTerms',
            CustomerCode: 'Entreprise',
            CreditinfoId: result.CreditinfoId || ''
        };

        // Log des données pour le débogage
        console.log('Données PDF entreprise à envoyer:', pdfData);

        // Configuration de la requête AJAX avec timeout et retry
        const ajaxConfig = {
            url: "{{ route('get_company_report_pdf') }}",
            type: 'POST',
            data: pdfData,
            timeout: 120000, // 2 minutes
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                'Accept': 'application/json'
            },
            beforeSend: function(xhr) {
                console.log('Envoi de la requête PDF entreprise...');
            },
            success: function (response) {
                // Nettoyer l'interval de progression
                const popup = Swal.getPopup();
                if (popup && popup.progressInterval) {
                    clearInterval(popup.progressInterval);
                }

                Swal.close();

                if (response && response.success) {
                    // Succès - Afficher le lien de téléchargement
                    Swal.fire({
                        title: 'PDF généré avec succès!',
                        html: `
                            <div class="text-center">
                                <i class="fas fa-check-circle text-success fa-3x mb-3"></i>
                                <p class="mb-3">Votre rapport PDF a été généré avec succès.</p>
                                <a href="{{ asset('reports') }}/${response.file_name}"
                                   target="_blank"
                                   class="btn btn-success btn-lg">
                                    <i class="fas fa-download me-2"></i>Télécharger le PDF
                                </a>
                            </div>
                        `,
                        icon: 'success',
                        showConfirmButton: false,
                        showCloseButton: true,
                        allowOutsideClick: true
                    });
                } else {
                    // Erreur métier
                    const errorMessage = response.message || 'Une erreur inattendue est survenue lors de la génération du PDF.';
                    Swal.fire({
                        title: 'Erreur lors de la génération',
                        text: errorMessage,
                        icon: 'error',
                        confirmButtonText: 'Réessayer',
                        showCancelButton: true,
                        cancelButtonText: 'Annuler'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            // Retry automatique
                            setTimeout(() => generatePDF(result), 1000);
                        }
                    });
                }
            },
            error: function (xhr, status, error) {
                // Nettoyer l'interval de progression
                const popup = Swal.getPopup();
                if (popup && popup.progressInterval) {
                    clearInterval(popup.progressInterval);
                }

                Swal.close();

                let errorTitle = 'Erreur de communication';
                let errorMessage = 'La génération du PDF a échoué.';
                let showRetry = true;

                // Gestion spécifique des erreurs HTTP
                switch (xhr.status) {
                    case 0:
                        errorMessage = 'Problème de connexion réseau. Vérifiez votre connexion internet.';
                        break;
                    case 400:
                        errorMessage = 'Données de requête invalides. Veuillez vérifier les informations saisies.';
                        showRetry = false;
                        break;
                    case 401:
                        errorMessage = 'Session expirée. Veuillez vous reconnecter.';
                        showRetry = false;
                        break;
                    case 403:
                        errorMessage = 'Accès refusé. Vous n\'avez pas les permissions nécessaires.';
                        showRetry = false;
                        break;
                    case 404:
                        errorMessage = 'Service non trouvé. Contactez l\'administrateur.';
                        showRetry = false;
                        break;
                    case 422:
                        errorMessage = 'Données de validation incorrectes.';
                        if (xhr.responseJSON && xhr.responseJSON.errors) {
                            const errors = Object.values(xhr.responseJSON.errors).flat();
                            errorMessage += '\n' + errors.join('\n');
                        }
                        showRetry = false;
                        break;
                    case 500:
                        errorMessage = 'Erreur serveur interne. Veuillez réessayer plus tard.';
                        break;
                    case 502:
                    case 503:
                    case 504:
                        errorMessage = 'Service temporairement indisponible. Veuillez réessayer.';
                        break;
                    default:
                        if (status === 'timeout') {
                            errorMessage = 'La requête a pris trop de temps. Le serveur est peut-être surchargé.';
                        } else if (status === 'abort') {
                            errorMessage = 'Requête annulée par l\'utilisateur.';
                            showRetry = false;
                        } else {
                            errorMessage = `Erreur inattendue (${xhr.status}): ${error}`;
                        }
                }

                console.error('Erreur AJAX PDF entreprise:', {
                    status: xhr.status,
                    statusText: xhr.statusText,
                    responseText: xhr.responseText,
                    error: error
                });

                // Afficher l'erreur avec option de retry si applicable
                const swalConfig = {
                    title: errorTitle,
                    text: errorMessage,
                    icon: 'error',
                    confirmButtonText: showRetry ? 'Réessayer' : 'OK',
                    showCancelButton: showRetry,
                    cancelButtonText: 'Annuler'
                };

                Swal.fire(swalConfig).then((result) => {
                    if (result.isConfirmed && showRetry) {
                        // Retry avec délai
                        setTimeout(() => generatePDF(result), 2000);
                    }
                });
            }
        };

        // Exécution de la requête AJAX
        $.ajax(ajaxConfig);
    }

    /**
     * Fonction optimisée pour générer un rapport personnalisé d'entreprise
     * @param {Object} result - Objet contenant les données du résultat de recherche
     */
    function generateCustomReport(result) {
        console.log('Generating custom report for company:', result);

        // Vérification initiale des données
        if (!result || !result.CompanyRecords || !result.CompanyRecords.SearchCompanyRecord) {
            console.error('Données invalides:', result);
            Swal.fire({
                title: 'Erreur de données',
                text: 'Les données nécessaires pour générer le rapport sont manquantes.',
                icon: 'error',
                confirmButtonText: 'OK'
            });
            return;
        }

        const companyRecord = result.CompanyRecords.SearchCompanyRecord;

        // Validation des champs requis
        const requiredFields = {
            'CompanyName': companyRecord.CompanyName,
            'EstablishmentDate': companyRecord.EstablishmentDate,
            'CreditinfoId': result.CreditinfoId || companyRecord.CreditinfoId
        };

        const missingFields = Object.keys(requiredFields).filter(field => !requiredFields[field]);

        if (missingFields.length > 0) {
            Swal.fire({
                title: 'Données incomplètes',
                text: `Les champs suivants sont manquants : ${missingFields.join(', ')}`,
                icon: 'warning',
                confirmButtonText: 'OK'
            });
            return;
        }

        // Affichage du loader avec possibilité d'annulation
        Swal.fire({
            title: 'Génération du rapport en cours...',
            html: `
                <div class="d-flex flex-column align-items-center">
                    <div class="spinner-border text-primary mb-3" role="status">
                        <span class="visually-hidden">Chargement...</span>
                    </div>
                    <p class="text-muted">Veuillez patienter, cette opération peut prendre quelques instants...</p>
                    <div class="progress w-100 mt-2">
                        <div class="progress-bar progress-bar-striped progress-bar-animated"
                             role="progressbar" style="width: 0%" id="reportProgress"></div>
                    </div>
                </div>
            `,
            allowOutsideClick: false,
            showCancelButton: true,
            cancelButtonText: 'Annuler',
            showConfirmButton: false,
            didOpen: () => {
                // Animation de la barre de progression
                let progress = 0;
                const progressBar = document.getElementById('reportProgress');
                const interval = setInterval(() => {
                    progress += Math.random() * 15;
                    if (progress > 90) progress = 90;
                    progressBar.style.width = progress + '%';
                }, 500);

                // Stocker l'interval pour le nettoyer plus tard
                Swal.getPopup().progressInterval = interval;
            }
        });

        // Préparer les données avec les valeurs correctes
        const reportData = {
            _token: $('meta[name="csrf-token"]').attr('content'),
            ReportName: 'CreditinfoReportPlus', // Utiliser le nom par défaut
            FullName: companyRecord.CompanyName.trim(),
            DateOfBirth: companyRecord.EstablishmentDate.split('T')[0],
            IdNumber: companyRecord.CreditinfoId || result.CreditinfoId,
            IdNumberIssuerCountry: $('#IdNumberIssuerCountry').val() || 'ML',
            IdNumberType: 'CreditinfoId',
            InquiryReason: $('#InquiryReason').val() || 'ApplicationForCreditOrAmendmentOfCreditTerms',
            CustomerCode: 'Entreprise',
            SubjectType: 'Company',
            Consent: true
        };

        console.log('Sending company report data:', reportData);

        // Configuration de la requête AJAX avec timeout et retry
        const ajaxConfig = {
            url: "/get_individual_custom_report",
            type: 'POST',
            data: reportData,
            timeout: 120000, // 2 minutes
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                'Accept': 'application/json'
            },
            beforeSend: function() {
                console.log('Sending company custom report request with data:', reportData);
            },
            success: function(response) {
                // Nettoyer l'interval de progression
                const popup = Swal.getPopup();
                if (popup && popup.progressInterval) {
                    clearInterval(popup.progressInterval);
                }

                console.log('Company report generation response:', response);
                Swal.close();

                if (response && response.success) {
                    Swal.fire({
                        title: 'Rapport généré avec succès!',
                        html: response.html_content,
                        icon: 'success',
                        showConfirmButton: true,
                        confirmButtonText: 'Fermer',
                        width: '90%',
                        customClass: {
                            container: 'custom-swal-container',
                            popup: 'custom-swal-popup'
                        }
                    });
                } else {
                    console.error('Error in company report response:', response);
                    const errorMessage = response.message || 'Une erreur inattendue est survenue lors de la génération du rapport.';
                    Swal.fire({
                        title: 'Erreur lors de la génération du rapport',
                        html: `<p>${errorMessage}</p>
                               ${response.error ? `<p style="font-size: 0.8em; color: #888;">Erreur technique : ${response.error}</p>` : ''}`,
                        icon: 'error',
                        confirmButtonText: 'Réessayer',
                        showCancelButton: true,
                        cancelButtonText: 'Annuler'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            // Retry automatique
                            setTimeout(() => generateCustomReport(result), 1000);
                        }
                    });
                }
            },
            error: function(xhr, status, error) {
                // Nettoyer l'interval de progression
                const popup = Swal.getPopup();
                if (popup && popup.progressInterval) {
                    clearInterval(popup.progressInterval);
                }

                Swal.close();

                console.error('Company report error details:', {
                    status: status,
                    error: error,
                    response: xhr.responseText,
                    data: reportData
                });

                let errorTitle = 'Erreur de communication';
                let errorMessage = 'La génération du rapport a échoué.';
                let showRetry = true;

                // Gestion spécifique des erreurs HTTP
                switch (xhr.status) {
                    case 0:
                        errorMessage = 'Problème de connexion réseau. Vérifiez votre connexion internet.';
                        break;
                    case 400:
                        errorMessage = 'Données de requête invalides. Veuillez vérifier les informations saisies.';
                        showRetry = false;
                        break;
                    case 401:
                        errorMessage = 'Session expirée. Veuillez vous reconnecter.';
                        showRetry = false;
                        break;
                    case 403:
                        errorMessage = 'Accès refusé. Vous n\'avez pas les permissions nécessaires.';
                        showRetry = false;
                        break;
                    case 404:
                        errorMessage = 'Service non trouvé. Contactez l\'administrateur.';
                        showRetry = false;
                        break;
                    case 422:
                        errorMessage = 'Données de validation incorrectes.';
                        if (xhr.responseJSON && xhr.responseJSON.errors) {
                            const errors = Object.values(xhr.responseJSON.errors).flat();
                            errorMessage += '\n' + errors.join('\n');
                        }
                        showRetry = false;
                        break;
                    case 500:
                        errorMessage = 'Erreur serveur interne. Veuillez réessayer plus tard.';
                        break;
                    case 502:
                    case 503:
                    case 504:
                        errorMessage = 'Service temporairement indisponible. Veuillez réessayer.';
                        break;
                    default:
                        if (status === 'timeout') {
                            errorMessage = 'La requête a pris trop de temps. Le serveur est peut-être surchargé.';
                        } else if (status === 'abort') {
                            errorMessage = 'Requête annulée par l\'utilisateur.';
                            showRetry = false;
                        } else {
                            errorMessage = `Erreur inattendue (${xhr.status}): ${error}`;
                        }
                }

                try {
                    const responseData = JSON.parse(xhr.responseText);
                    errorMessage = responseData.message || errorMessage;
                    if (responseData.errors) {
                        errorMessage += '\n' + Object.values(responseData.errors).join('\n');
                    }
                } catch (e) {
                    console.error('Error parsing response:', e);
                }

                // Afficher l'erreur avec option de retry si applicable
                const swalConfig = {
                    title: errorTitle,
                    text: errorMessage,
                    icon: 'error',
                    confirmButtonText: showRetry ? 'Réessayer' : 'OK',
                    showCancelButton: showRetry,
                    cancelButtonText: 'Annuler'
                };

                Swal.fire(swalConfig).then((result) => {
                    if (result.isConfirmed && showRetry) {
                        // Retry avec délai
                        setTimeout(() => generateCustomReport(result), 2000);
                    }
                });
            }
        };

        // Exécution de la requête AJAX
        $.ajax(ajaxConfig);
    }

        /**
     * Fonction optimisée pour générer un rapport vide d'entreprise
     */
    function generateEmptyReport() {
        console.log('Generating empty company report');

        // Validation des données d'entrée
        const requiredFields = {
            'CompanyName': $('#CompanyName').val(),
            'EstablishmentDate': $('#EstablishmentDate').val(),
            'IdNumber': $('#IdNumber').val()
        };

        const missingFields = Object.keys(requiredFields).filter(field => !requiredFields[field]);

        if (missingFields.length > 0) {
            Swal.fire({
                title: 'Données incomplètes',
                text: `Les champs suivants sont requis : ${missingFields.join(', ')}`,
                icon: 'warning',
                confirmButtonText: 'OK'
            });
            return;
        }

        // Affichage du loader avec possibilité d'annulation
        Swal.fire({
            title: 'Génération du rapport vide en cours...',
            html: `
                <div class="d-flex flex-column align-items-center">
                    <div class="spinner-border text-warning mb-3" role="status">
                        <span class="visually-hidden">Chargement...</span>
                    </div>
                    <p class="text-muted">Génération d'un rapport vide pour l'entreprise...</p>
                    <div class="progress w-100 mt-2">
                        <div class="progress-bar progress-bar-striped progress-bar-animated bg-warning"
                             role="progressbar" style="width: 0%" id="emptyProgress"></div>
                    </div>
                </div>
            `,
            allowOutsideClick: false,
            showCancelButton: true,
            cancelButtonText: 'Annuler',
            showConfirmButton: false,
            didOpen: () => {
                // Animation de la barre de progression
                let progress = 0;
                const progressBar = document.getElementById('emptyProgress');
                const interval = setInterval(() => {
                    progress += Math.random() * 20;
                    if (progress > 90) progress = 90;
                    progressBar.style.width = progress + '%';
                }, 300);

                // Stocker l'interval pour le nettoyer plus tard
                Swal.getPopup().progressInterval = interval;
            }
        });

        const emptyReportData = {
            _token: $('meta[name="csrf-token"]').attr('content'),
            ReportName: 'CreditinfoReportPlus', // Utiliser le même nom par défaut
            FullName: $('#CompanyName').val().trim(),
            DateOfBirth: $('#EstablishmentDate').val(),
            IdNumber: $('#IdNumber').val().trim(),
            IdNumberIssuerCountry: $('#IdNumberIssuerCountry').val() || 'ML',
            IdNumberType: $('#IdNumberType').val() || 'TaxNumber',
            InquiryReason: $('#InquiryReason').val() || 'ApplicationForCreditOrAmendmentOfCreditTerms',
            CustomerCode: 'Entreprise'
        };

        console.log('Empty company report data:', emptyReportData);

        // Configuration de la requête AJAX avec timeout et retry
        const ajaxConfig = {
            url: "{{ route('get_empty_report_pdf') }}",
            type: 'POST',
            data: emptyReportData,
            timeout: 60000, // 60 secondes
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                'Accept': 'application/json'
            },
            beforeSend: function() {
                console.log('Sending empty company report request...');
            },
            success: function(response) {
                // Nettoyer l'interval de progression
                const popup = Swal.getPopup();
                if (popup && popup.progressInterval) {
                    clearInterval(popup.progressInterval);
                }

                Swal.close();

                if (response && response.success) {
                    Swal.fire({
                        title: 'Rapport vide généré avec succès!',
                        html: `
                            <div class="text-center">
                                <i class="fas fa-file-pdf text-warning fa-3x mb-3"></i>
                                <p class="mb-3">Votre rapport vide a été généré avec succès.</p>
                                <a href="{{ asset('reports') }}/${response.file_name}"
                                   target="_blank"
                                   class="btn btn-warning btn-lg">
                                    <i class="fas fa-download me-2"></i>Télécharger le PDF
                                </a>
                            </div>
                        `,
                        icon: 'success',
                        showConfirmButton: false,
                        showCloseButton: true,
                        allowOutsideClick: true
                    });
                } else {
                    const errorMessage = response.message || 'Une erreur inattendue est survenue.';
                    Swal.fire({
                        title: 'Erreur lors de la génération du rapport vide',
                        text: errorMessage,
                        icon: 'error',
                        confirmButtonText: 'Réessayer',
                        showCancelButton: true,
                        cancelButtonText: 'Annuler'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            // Retry automatique
                            setTimeout(() => generateEmptyReport(), 1000);
                        }
                    });
                }
            },
            error: function(xhr, status, error) {
                // Nettoyer l'interval de progression
                const popup = Swal.getPopup();
                if (popup && popup.progressInterval) {
                    clearInterval(popup.progressInterval);
                }

                Swal.close();

                let errorTitle = 'Erreur de communication';
                let errorMessage = 'La génération du rapport vide a échoué.';
                let showRetry = true;

                // Gestion spécifique des erreurs HTTP
                switch (xhr.status) {
                    case 0:
                        errorMessage = 'Problème de connexion réseau. Vérifiez votre connexion internet.';
                        break;
                    case 400:
                        errorMessage = 'Requête invalide. Veuillez vérifier les champs.';
                        showRetry = false;
                        break;
                    case 401:
                        errorMessage = 'Non autorisé. Veuillez vous reconnecter.';
                        showRetry = false;
                        break;
                    case 403:
                        errorMessage = 'Accès refusé. Permissions insuffisantes.';
                        showRetry = false;
                        break;
                    case 404:
                        errorMessage = 'Ressource non trouvée. Contactez l\'administrateur.';
                        showRetry = false;
                        break;
                    case 500:
                        errorMessage = 'Erreur serveur interne. Veuillez réessayer plus tard.';
                        break;
                    case 502:
                    case 503:
                    case 504:
                        errorMessage = 'Service temporairement indisponible. Veuillez réessayer.';
                        break;
                    default:
                        if (status === 'timeout') {
                            errorMessage = 'La requête a pris trop de temps. Veuillez réessayer.';
                        } else if (status === 'abort') {
                            errorMessage = 'Requête annulée par l\'utilisateur.';
                            showRetry = false;
                        } else {
                            errorMessage = `Erreur inattendue (${xhr.status}): ${error}`;
                        }
                }

                console.error('Empty company report error:', {
                    status: xhr.status,
                    statusText: xhr.statusText,
                    responseText: xhr.responseText,
                    error: error
                });

                // Afficher l'erreur avec option de retry si applicable
                const swalConfig = {
                    title: errorTitle,
                    text: errorMessage,
                    icon: 'error',
                    confirmButtonText: showRetry ? 'Réessayer' : 'OK',
                    showCancelButton: showRetry,
                    cancelButtonText: 'Annuler'
                };

                Swal.fire(swalConfig).then((result) => {
                    if (result.isConfirmed && showRetry) {
                        // Retry avec délai
                        setTimeout(() => generateEmptyReport(), 2000);
                    }
                });
            }
        };

        // Exécution de la requête AJAX
        $.ajax(ajaxConfig);
    }

    let searchTimeout;

    $('#agence').on('change', function() {
        const agenceCode = $(this).val();
        const clientContainer = $('#clientContainer');

        if (!agenceCode) {
            clientContainer.hide();
            return;
        }

        clientContainer.slideDown();
        $('#clientSearch').val('');
        $('#clientResults').empty();
    });

    $('#clientSearch').on('input', function() {
        const searchTerm = $(this).val();
        const agenceCode = $('#agence').val();
        const loader = $('#clientLoader');
        const resultsContainer = $('#clientResults');

        clearTimeout(searchTimeout);

        if (searchTerm.length < 2) {
            resultsContainer.empty();
            return;
        }

        loader.show();

        searchTimeout = setTimeout(() => {
            $.ajax({
                url: "{{ route('get_clients_by_agence') }}",
                method: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    agence_code: agenceCode,
                    search_term: searchTerm
                },
                success: function(response) {
                    if (response.success && response.clients.length > 0) {
                        let html = '<div class="list-group">';
                        response.clients.forEach(client => {
                            html += `
                                <a href="#" class="list-group-item list-group-item-action client-item"
                                   data-code="${client.COD_CLIENTE}"
                                   data-name="${client.NOM_CLIENTE}"
                                   data-tel="${client.TEL_PRINCIPAL || ''}"
                                   data-tel-sec="${client.TEL_SECUNDARIO || ''}"
                                   data-tel-autre="${client.TEL_OTRO || ''}"
                                   data-type="${client.IND_PERSONA || ''}"
                                   data-date-naissance="${client.FEC_INGRESO || ''}"
                                   data-num-id="${client.NUM_ID || ''}"
                                   data-type-id="${client.COD_TIPO_ID || ''}"
                                   data-date-expiration="${client.FEC_VENCIM || ''}">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <strong>${client.COD_CLIENTE}</strong>
                                        <span>${client.NOM_CLIENTE}</span>
                                    </div>
                                    <div class="small text-muted">
                                        ${client.NUM_ID ? `ID: ${client.NUM_ID}` : ''}
                                        ${client.TEL_PRINCIPAL ? ` | Tél: ${client.TEL_PRINCIPAL}` : ''}
                                    </div>
                                </a>`;
                        });
                        html += '</div>';
                        resultsContainer.html(html);
                    } else {
                        resultsContainer.html('<div class="alert alert-info">Aucun client trouvé</div>');
                    }
                },
                error: function(xhr) {
                    Swal.fire({
                        icon: 'error',
                        title: 'Erreur',
                        text: xhr.responseJSON?.message || 'Erreur lors de la recherche'
                    });
                },
                complete: function() {
                    loader.hide();
                }
            });
        }, 500);
    });

    // Quand un client est sélectionné dans les résultats
    $(document).on('click', '.client-item', function(e) {
        e.preventDefault();
        const client = {
            code: $(this).data('code'),
            name: $(this).data('name'),
            tel: $(this).data('tel'),
            type: $(this).data('type'),
            dateNaissance: $(this).data('date-naissance'),
            numId: $(this).data('num-id'),
            typeId: $(this).data('type-id'),
            dateExpiration: $(this).data('date-expiration')
        };

        // Remplir les champs avec les données disponibles
        $('#clientSearch').val(client.code);
        $('#CompanyName').val(client.name);

        if (client.dateNaissance) {
            $('#EstablishmentDate').val(client.dateNaissance);
        }

        if (client.numId) {
            $('#IdNumber').val(client.numId);
        }

        if (client.typeId) {
            $('#IdType').val(client.typeId);
        }

        if (client.dateExpiration) {
            $('#ExpirationDate').val(client.dateExpiration);
        }
        $('#IdNumberType').val("TaxNumber");
        $('#IdNumberIssuerCountry').val("ML");

        $('#clientResults').empty();
    });
});

</script>

@endsection