@extends('admin.layout')
@section('title', "Recherche Avancée de l'Individu - Smart Search")

@section('content')

<div class="col-6">
    <div class="card">
        <div class="card-header">
            <h5>Recherche Avancée Particulier - Smart Search</h5>
        </div>
        <div class="card-body">
            <form id="smartSearchForm">
                @csrf
                <div class="form-group">
                    <label>Nom complet</label>
                    <input type="text" class="form-control" name="FullName" id="FullName" placeholder="Nom complet" required>
                </div>
                <div class="form-group">
                    <label>Date de naissance</label>
                    <input type="date" class="form-control" name="DateOfBirth" id="DateOfBirth" required>
                </div>
                <div class="form-group">
                    <label>Numéro d'identification</label>
                    <input type="text" class="form-control" name="IdNumber" id="IdNumber" placeholder="Numéro d'identification" required>
                </div>
                <div class="form-group">
                    <label>Type de pièce d'identité</label>
                    <select class="form-control" name="IdNumberType" id="IdNumberType" required>
                        <option value="NationalID">Carte Nationale d'Identité</option>
                        <option value="PassportNumber">Numéro de Passeport</option>
                        <option value="DrivingLicenseNumber">Numéro de Permis de Conduire</option>
                        <option value="ResidencePermitNumber">Numéro de Permis de Résidence</option>
                        <option value="ConsularCard">Carte Consulaire</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>Pays émetteur de l'identité</label>
                    <select class="form-control" name="IdNumberIssuerCountry" id="IdNumberIssuerCountry">
                        <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 class="form-group">
                    <label>Motif de la recherche</label>
                    <select class="form-control" name="InquiryReason" id="InquiryReason" required>
                        <option value="ApplicationForCreditOrAmendmentOfCreditTerms">Demande de crédit ou modification des conditions de crédit</option>
                        <option value="EvaluationOfCurrentCustomerSupplierPartnerOrOwnEmployee">Évaluation d'un client, fournisseur, partenaire ou employé</option>
                        <option value="PaymentAgreement">Accord de paiement</option>
                        <option value="AnotherReason">Autre raison</option>
                    </select>
                </div>
                <button type="submit" class="btn btn-primary" id="submitButton">
                    <span id="buttonText">Rechercher</span>
                    <i id="buttonSpinner" style="display: none" class="fas fa-circle-notch fa-spin fa-2x"></i>
                </button>
            </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

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

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

        $.ajax({
            url: "{{ route('smart_search_individual') }}",
            type: 'POST',
            data: formData,
            success: function(response) {
    if (response && response.SmartSearchIndividualResult) {
        const result = response.SmartSearchIndividualResult;

        if (result.Status === "SubjectFound") {
            const record = result.IndividualRecords?.SearchIndividualRecord;
            const creditinfoId = result.CreditinfoId;

            let printableContent = `
                <strong>credit info 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="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>
                `;
            }

            $('#printableSearch').html(printableContent);

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

            $('#viewReportButton').click(function() {
                alert('Voir le rapport en cours de développement.');
            });

            // Bind click event to PDF generation button
            $(document).on('click', '#printPdfButton', function () {
    console.log('Bouton PDF cliqué');
    generatePDF(result);
});
        } 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: 'Aucun resultat trouvé !.',
            icon: 'error',
        });
    }
},

            error: function(xhr) {
                let message = 'Une erreur est survenue.';

                if (xhr.status === 400) {
                    message = 'Requête invalide. Veuillez vérifier les champs.';
                } else if (xhr.status === 401) {
                    message = 'Non autorisé. Veuillez vous reconnecter.';
                } else if (xhr.status === 403) {
                    message = 'Accès refusé. Vous n\'avez pas les autorisations nécessaires.';
                } else if (xhr.status === 404) {
                    message = 'Ressource non trouvée.';
                } else if (xhr.status === 500) {
                    message = 'Erreur serveur interne. Veuillez réessayer plus tard.';
                }

                Swal.fire({
                    title: 'Erreur!',
                    html: `${message}<br>Message technique: ${xhr.responseText}`,
                    icon: 'error',
                });
            },
            complete: function() {
                $('#submitButton').attr('disabled', false);
                $('#buttonText').text('Rechercher');
                $('#buttonSpinner').hide();
            },
            timeout: 120000 // Handle timeouts (10 seconds)
        }).fail(function(jqXHR, textStatus) {
            if (textStatus === "timeout") {
                Swal.fire({
                    title: 'Erreur!',
                    text: 'La requête a expiré. Veuillez vérifier votre connexion réseau et réessayer.',
                    icon: 'error',
                });
            }
        });
    });

    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();
    }




function generatePDF(result) {
    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,
    });

    const pdfData = {
        _token: $('meta[name="csrf-token"]').attr('content'),
        ReportName: 'CreditinfoReport', // Replace with the appropriate report name
        FullName: result.IndividualRecords.SearchIndividualRecord.FullName,
        DateOfBirth: result.IndividualRecords.SearchIndividualRecord.DateOfBirth,
        IdNumber: result.IndividualRecords.SearchIndividualRecord.NationalID,
        IdNumberIssuerCountry: 'CI', // Adjust based on your data
        IdNumberType: 'NationalID', // Adjust based on your data
        InquiryReason: 'ApplicationForCreditOrAmendmentOfCreditTerms', // Replace with the actual InquiryReason
        InquiryReasonText: '', // Optional field
        CustomerCode: '', // Optional field
    };

    $.ajax({
        url: "{{ route('get_individual_report_pdf') }}", // Adjust this route
        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="/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é. Veuillez réessayer.',
                icon: 'error',
            });
        },
    });
}


});






</script>

@endsection