{{--
    Centralized Payment Script
    Handles all payment operations for:
    - Cart/Commands Payment
    - MIB Subscription Payment
    - MIB Cotisation Payment
--}}

<script>
    /**
     * Main payment gateway handler
     * Supports: Intram, PayPal, Paydunya
     * Transaction types: commandes, souscription_mib, cotisations
     */
    function getGateWayPaiementMethod(totalprice, devise, transaction_type, data, way) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        let form = new FormData();
        form.append('business', '45Y7FFUPWWMMC');
        form.append('cmd', '_xclick');
        form.append('amount', totalprice);
        form.append('currency_code', devise);
        form.append('return', location.origin + '/payment-status');
        form.append('csrf', '{{ csrf_token() }}');
        form.append('data', JSON.stringify(data));

        switch (transaction_type) {
            case 'commandes':
                handleCommandePayment(form, totalprice, devise, data, way);
                break;

            case 'souscription_mib':
                handleMibSubscriptionPayment(form, totalprice, devise, data, way);
                break;

            case 'cotisations':
                handleCotisationPayment(form, totalprice, devise, data, way);
                break;
        }
    }

    /**
     * Handle cart/command payment
     */
    function handleCommandePayment(form, totalprice, devise, data, way) {
        form.append('transaction_type', 'commandes');

        if (way === 'paypal') {
            initPayPalPayment('{{ route('payment.command.pay') }}', form);
        } else {
            if (localStorage.getItem('country') !== undefined && localStorage.getItem('country') !== null) {
                if (localStorage.getItem('country') === 'Benin') {
                    $('#PersonnalDataModal').modal('hide');
                    $('#choosePaiementOptionsModal').modal('hide');

                    initIntramPayment(totalprice, data, '{{ route('products.check_paiment.intram', \Illuminate\Support\Facades\Session::get('boutique')['nom_boutique']) }}');
                } else {
                    initPaydunyaPayment(form);
                }
            }
        }
    }

    /**
     * Handle MIB subscription payment
     */
    function handleMibSubscriptionPayment(form, totalprice, devise, data, way) {
        form.append('transaction_type', 'souscription_mib');

        if (way === 'paypal') {
            initPayPalPayment('{{ route('payment.souscription_mib.pay') }}', form);
        } else {
            if (localStorage.getItem('country') !== undefined && localStorage.getItem('country') !== null) {
                if (localStorage.getItem('country') === 'Benin') {
                    $('#choosePaiementOptionsModal').modal('hide');

                    let sandbox = '{{ env('INTRAM_SANDBOX') }}';
                    intramOpenWidget.init({
                        amount: parseInt(totalprice),
                        callback_url: '',
                        public_key: '{{ env('INTRAM_PUBLIC') }}',
                        sandbox: sandbox === '1',
                        currency: 'xof',
                        webhook_data: data,
                        company: {
                            name: '{{ \Illuminate\Support\Facades\Session::get('boutique')['nom_boutique'] }}',
                            template: 'default+',
                            color: '{{ $metas->background_color != null ? $metas->background_color : '#88b121' }}',
                            logo_url: '{{ $metas->logo_boutique == null ? asset('images/logo_mini.jpg') : $metas->logo_boutique }}'
                        },
                    }).then(response => {
                        let req = {
                            _token: '{{ csrf_token() }}',
                            boutique_slug: data.boutique_slug,
                            data: data.response,
                            response: response
                        };

                        $.ajax({
                            url: '{{ route('souscription.paiement.mib.client.intram') }}',
                            method: "POST",
                            data: req,
                            timeout: 30000, // 30 seconds timeout
                            success: function(data2) {
                                hidePaymentLoading();
                                Swal.fire({
                                    title: 'Statut de Paiement',
                                    text: data2['message'] || 'Votre souscription a été enregistrée avec succès.',
                                    icon: data2['response'] || 'success',
                                    confirmButtonColor: '{{ $metas->background_color != null ? $metas->background_color : "#88b121" }}',
                                    showConfirmButton: false,
                                    timer: 2000
                                }).then((result) => {
                                    location.href = location.origin +
                                        '/{{ \Illuminate\Support\Facades\Session::get('boutique')['nom_boutique'] }}' +
                                        '/mib/client/list/' +
                                        '{{ \Illuminate\Support\Facades\Session::get('mib_year') }}'
                                })
                            },
                            error: function(xhr, status, error) {
                                console.error('Subscription MIB error:', {xhr, status, error});
                                hidePaymentLoading();

                                let errorMessage = 'Une erreur est survenue lors de l\'enregistrement de votre souscription.';

                                if (status === 'timeout') {
                                    errorMessage = 'La requête a expiré. Veuillez vérifier votre connexion et réessayer.';
                                } else if (xhr.responseJSON && xhr.responseJSON.message) {
                                    errorMessage = xhr.responseJSON.message;
                                } else if (status === 'error' && xhr.status === 0) {
                                    showNetworkError();
                                    return;
                                }

                                Swal.fire({
                                    title: 'Erreur de Souscription',
                                    text: errorMessage,
                                    icon: 'error',
                                    confirmButtonColor: '{{ $metas->background_color != null ? $metas->background_color : "#88b121" }}',
                                    footer: '<small>Si le paiement a été effectué, contactez le support.</small>'
                                });
                            }
                        }).always(function() {
                            setTimeout(function() {
                                $("#overlay").fadeOut(300);
                            }, 500);
                        })
                    });
                } else {
                    initPaydunyaPayment(form, '#AbonnementModal');
                }
            }
        }
    }

    /**
     * Handle MIB cotisation payment
     */
    function handleCotisationPayment(form, totalprice, devise, data, way) {
        form.append('transaction_type', 'cotisations');

        if (way === 'paypal') {
            initPayPalPayment('{{ route('payment.cotisation.pay') }}', form);
        } else {
            if (localStorage.getItem('country') !== undefined && localStorage.getItem('country') !== null) {
                if (localStorage.getItem('country') === 'Benin') {
                    $('#choosePaiementOptionsModal').modal('hide');

                    // Validate amount
                    if (!totalprice || totalprice <= 0) {
                        showPaymentError('ERREUR DE MONTANT', '#choosePaiementOptionsModal', 'Le montant de la cotisation est invalide. Veuillez réessayer.');
                        return;
                    }

                    // Show loading indicator
                    showPaymentLoading('Initialisation du paiement de cotisation...');

                    let sandbox = '{{ env('INTRAM_SANDBOX') }}';

                    try {
                        intramOpenWidget.init({
                            amount: parseInt(totalprice),
                            callback_url: '',
                            public_key: '{{ $metas->intram_public_key == null ? env('INTRAM_PUBLIC') : $metas->intram_public_key }}',
                            sandbox: sandbox === '1',
                            currency: 'xof',
                            webhook_data: data,
                            company: {
                                name: '{{ \Illuminate\Support\Facades\Session::get('boutique')['nom_boutique'] }}',
                                template: 'default+',
                                color: '{{ $metas->background_color != null ? $metas->background_color : '#88b121' }}',
                                logo_url: '{{ $metas->logo_boutique == null ? asset('images/logo_mini.jpg') : $metas->logo_boutique }}'
                            },
                        }).then(response => {
                            let req = {
                                _token: '{{ csrf_token() }}',
                                boutique_slug: data.boutique_slug,
                                cotisations: data.cotisations,
                                response: response
                            };

                            $.ajax({
                                url: '{{ route('cotisation.mib.paiement.intram') }}',
                                method: "POST",
                                data: req,
                                timeout: 30000, // 30 seconds timeout
                                success: function(data2) {
                                    hidePaymentLoading();
                                    Swal.fire({
                                        title: 'Statut de Paiement',
                                        text: data2['message'] || 'Votre cotisation a été enregistrée avec succès.',
                                        icon: data2['response'] || 'success',
                                        confirmButtonColor: '{{ $metas->background_color != null ? $metas->background_color : "#88b121" }}',
                                        showConfirmButton: false,
                                        timer: 2000
                                    }).then((result) => {
                                        location.reload();
                                    })
                                },
                                error: function(xhr, status, error) {
                                    console.error('Cotisation payment error:', {xhr, status, error});
                                    hidePaymentLoading();

                                    let errorMessage = 'Une erreur est survenue lors de l\'enregistrement de votre cotisation.';

                                    if (status === 'timeout') {
                                        errorMessage = 'La requête a expiré. Veuillez vérifier votre connexion et réessayer.';
                                    } else if (xhr.responseJSON && xhr.responseJSON.message) {
                                        errorMessage = xhr.responseJSON.message;
                                    } else if (status === 'error' && xhr.status === 0) {
                                        showNetworkError();
                                        return;
                                    }

                                    Swal.fire({
                                        title: 'Erreur de Cotisation',
                                        text: errorMessage,
                                        icon: 'error',
                                        confirmButtonColor: '{{ $metas->background_color != null ? $metas->background_color : "#88b121" }}',
                                        footer: '<small>Si le paiement a été effectué, contactez le support.</small>'
                                    });
                                }
                            });
                        }).catch(error => {
                            hidePaymentLoading();
                            console.error('Intram cotisation payment error:', error);
                            showPaymentError('PAIEMENT COTISATION', '#choosePaiementOptionsModal',
                                'Le paiement a été annulé ou une erreur est survenue. Si le montant a été débité, veuillez contacter le support.');
                        });
                    } catch (error) {
                        hidePaymentLoading();
                        console.error('Intram cotisation initialization error:', error);
                        showPaymentError('ERREUR D\'INITIALISATION', '#choosePaiementOptionsModal',
                            'Impossible d\'initialiser le paiement. Vérifiez votre connexion internet et réessayez.');
                    }
                } else {
                    initPaydunyaPayment(form, '#AbonnementModal');
                }
            }
        }
    }

    /**
     * Initialize Intram payment widget
     */
    function initIntramPayment(amount, data, callback_url) {
        // Validate amount
        if (!amount || amount <= 0) {
            showPaymentError('ERREUR DE MONTANT', null, 'Le montant du paiement est invalide. Veuillez réessayer.');
            return;
        }

        // Show loading indicator
        showPaymentLoading('Initialisation du paiement Intram...');

        let sandbox = '{{ env('INTRAM_SANDBOX') }}';

        try {
            intramOpenWidget.init({
                amount: parseInt(amount),
                callback_url: callback_url,
                public_key: '{{ $metas->intram_public_key == null ? env('INTRAM_PUBLIC') : $metas->intram_public_key }}',
                sandbox: sandbox === '1',
                currency: 'xof',
                webhook_data: data,
                company: {
                    name: '{{ \Illuminate\Support\Facades\Session::get('boutique')['nom_boutique'] }}',
                    template: 'default+',
                    color: '{{ $metas->background_color != null ? $metas->background_color : '#88b121' }}',
                    logo_url: '{{ $metas->logo_boutique == null ? asset('images/logo_mini.jpg') : $metas->logo_boutique }}'
                },
            }).then(response => {
                hidePaymentLoading();
                Swal.fire({
                    title: 'Paiement effectué avec succès',
                    text: 'La page va se rafraîchir dans quelques instants. Veuillez patienter.',
                    icon: 'success',
                    showConfirmButton: false,
                    timer: 3000
                }).then(() => {
                    location.reload();
                });
            }).catch(error => {
                hidePaymentLoading();
                console.error('Intram payment error:', error);
                showPaymentError('PAIEMENT INTRAM', null,
                    'Le paiement a été annulé ou une erreur est survenue. Si le montant a été débité, veuillez contacter le support.');
            });
        } catch (error) {
            hidePaymentLoading();
            console.error('Intram initialization error:', error);
            showPaymentError('ERREUR D\'INITIALISATION', null,
                'Impossible d\'initialiser le paiement. Vérifiez votre connexion internet et réessayez.');
        }
    }

    /**
     * Initialize PayPal payment
     */
    function initPayPalPayment(url, form) {
        $('#form_choose_paiement_option').fadeOut(function() {
            $('#form_choose_paiement_option_loading').fadeIn();
        });

        showPaymentLoading('Initialisation du paiement PayPal...');

        $.ajax({
            url: url,
            method: "POST",
            data: form,
            cache: false,
            processData: false,
            contentType: false,
            timeout: 30000, // 30 seconds timeout
            success: function(data) {
                hidePaymentLoading();

                try {
                    data = JSON.parse(data);
                    if (!data.error) {
                        showPaymentLoading('Redirection vers PayPal...');
                        location.href = data.redirect_url;
                    } else {
                        console.error('PayPal payment error:', data);
                        showPaymentError('PAIEMENT PAYPAL', null,
                            data.message || 'Une erreur est survenue lors de l\'initialisation du paiement PayPal.');
                    }
                } catch (parseError) {
                    console.error('PayPal response parse error:', parseError);
                    showPaymentError('PAIEMENT PAYPAL', null,
                        'Réponse invalide du serveur. Veuillez réessayer.');
                }
            },
            error: function(xhr, status, error) {
                console.error('PayPal AJAX error:', {xhr, status, error});
                hidePaymentLoading();

                let errorMessage = 'Une erreur est survenue lors de l\'initialisation du paiement PayPal.';

                if (status === 'timeout') {
                    errorMessage = 'La requête a expiré. Veuillez vérifier votre connexion et réessayer.';
                } else if (xhr.responseJSON && xhr.responseJSON.message) {
                    errorMessage = xhr.responseJSON.message;
                } else if (status === 'error' && xhr.status === 0) {
                    showNetworkError();
                    return;
                }

                showPaymentError('PAIEMENT PAYPAL', null, errorMessage);
            }
        })
    }

    /**
     * Initialize Paydunya payment
     */
    function initPaydunyaPayment(form, fallbackModal = '#PersonnalDataModal') {
        $('#form_choose_paiement_option').fadeOut(function() {
            $('#form_choose_paiement_option_loading').fadeIn();
        });

        showPaymentLoading('Initialisation du paiement Mobile Money / Carte de crédit...');

        $.ajax({
            url: '{{ route('paybyPaydunya') }}',
            method: "POST",
            data: form,
            cache: false,
            processData: false,
            contentType: false,
            timeout: 30000, // 30 seconds timeout
            success: function(data) {
                hidePaymentLoading();

                if (!data.error) {
                    showPaymentLoading('Redirection vers la page de paiement...');
                    location.href = data.redirect_url;
                } else {
                    console.error('Paydunya payment error:', data);
                    showPaymentError('PAIEMENT MOBILE MONEY OU CARTE DE CREDIT', fallbackModal,
                        data.message || 'Une erreur est survenue lors de l\'initialisation du paiement.');
                }
            },
            error: function(xhr, status, error) {
                console.error('Paydunya AJAX error:', {xhr, status, error});
                hidePaymentLoading();

                let errorMessage = 'Une erreur est survenue lors de l\'initialisation du paiement Mobile Money / Carte de crédit.';

                if (status === 'timeout') {
                    errorMessage = 'La requête a expiré. Veuillez vérifier votre connexion et réessayer.';
                } else if (xhr.responseJSON && xhr.responseJSON.message) {
                    errorMessage = xhr.responseJSON.message;
                } else if (status === 'error' && xhr.status === 0) {
                    showNetworkError();
                    return;
                }

                showPaymentError('PAIEMENT MOBILE MONEY OU CARTE DE CREDIT', fallbackModal, errorMessage);
            }
        })
    }

    /**
     * Show payment error dialog with detailed message
     */
    function showPaymentError(title, fallbackModal = null, customMessage = null) {
        hidePaymentLoading();

        const defaultMessage = "Un problème est survenu au cours de l'initialisation du paiement. Veuillez réessayer plus tard ou contacter le support si le problème persiste.";

        Swal.fire({
            title: title,
            text: customMessage || defaultMessage,
            icon: 'error',
            confirmButtonColor: '{{ $metas->background_color != null ? $metas->background_color : "#88b121" }}',
            confirmButtonText: 'Compris',
            footer: '<small>Si vous avez été débité, veuillez contacter le support avec votre référence de transaction.</small>'
        }).then((result) => {
            $('#choosePaiementOptionsModal').modal('hide');
            $('#form_choose_paiement_option_loading').fadeOut(function() {
                $('#form_choose_paiement_option').fadeIn();
            });
            if (fallbackModal) {
                $(fallbackModal).modal('show');
            }
        })
    }

    /**
     * Show payment loading indicator
     */
    function showPaymentLoading(message = 'Traitement du paiement en cours...') {
        Swal.fire({
            title: 'Veuillez patienter',
            text: message,
            icon: 'info',
            allowOutsideClick: false,
            allowEscapeKey: false,
            showConfirmButton: false,
            didOpen: () => {
                Swal.showLoading();
            }
        });
    }

    /**
     * Hide payment loading indicator
     */
    function hidePaymentLoading() {
        if (Swal.isVisible()) {
            Swal.close();
        }
    }

    /**
     * Show network error
     */
    function showNetworkError() {
        hidePaymentLoading();
        Swal.fire({
            title: 'Erreur de Connexion',
            text: 'Impossible de se connecter au serveur. Vérifiez votre connexion internet et réessayez.',
            icon: 'error',
            confirmButtonColor: '{{ $metas->background_color != null ? $metas->background_color : "#88b121" }}',
            confirmButtonText: 'Réessayer'
        });
    }

    $(document).ready(function() {

        /**
         * Handle payment method choice
         */
        $(document).on('click', '.paiement_choose', function(e) {
            let way = $(this).data('way');
            let data = sessionStorage.getItem('data');
            sessionStorage.removeItem('data');
            data = JSON.parse(data);
            getGateWayPaiementMethod(parseInt(data.price), data.devise, data.transaction_type, data, way);
        });

        /**
         * Cart payment validation
         */
        $(document).on('click', '#valid_command', function(e) {
            e.preventDefault();
            let btn = $(this);
            let paid = btn.data('paid');

            if (check_error(['first_name', 'last_name', 'country', 'sex', 'phone', 'email'])) {
                btn.attr('disabled', true).html(
                    '<img src="{{ asset('images/loader.gif') }}" width="30px"> veuillez patienter...'
                );

                let url = $('#post_cart2').attr('action');
                let status = $('#post_cart2').data('home');
                let command = $('#post_cart2').data('command');
                let form = $('#post_cart2').serialize();
                let lastName = $('input[name="last_name"]').val();
                let firstName = $('input[name="first_name"]').val();

                $.ajax({
                    url: url,
                    method: "POST",
                    data: form,
                    timeout: 30000, // 30 seconds timeout
                    success: function(data) {
                        btn.attr('disabled', false).html('Payer maintenant');
                        $('#PersonnalDataModal').modal('hide');

                        const d = new Date();
                        let time = d.getTime();
                        var slug = firstName + time;
                        var boutique_slug = '{{ session('boutique.slug') }}';

                        if (parseInt(paid) === 1) {
                            if (localStorage.getItem('continent') !== undefined &&
                                localStorage.getItem('continent') !== null &&
                                localStorage.getItem('continent') !== "Africa") {
                                data = JSON.parse(data.total);
                                $('#form_choose_paiement_option').fadeOut(function() {
                                    $('#form_choose_paiement_option_loading').fadeIn();
                                });
                                $('#choosePaiementOptionsModal').modal('show');
                                getGateWayPaiementMethod(parseInt(data.total),
                                    '{{ $metas->currency_client }}', 'commandes', 'paypal');
                            } else {
                                btn.html('Payer maintenant');
                                $('#choosePaiementOptionsModal').modal('show');
                                data = {
                                    price: data.total,
                                    devise: '{{ $metas->currency_client }}',
                                    transaction_type: 'commandes',
                                    paiement_type: data.commande.paiement_type,
                                    type_slug: data.commande.slug,
                                    boutique_slug: data.commande.boutique_slug,
                                }
                                let way = 'other';
                                getGateWayPaiementMethod(parseInt(data.price), data.devise, data.transaction_type, data, way);
                            }
                        } else {
                            btn.html('Achat effectué');
                            let $user = $('#Isuser').val();
                            if ($user === 'not') {
                                Swal.fire({
                                    title: 'Commande.',
                                    text: 'Votre commande a été enregistrée avec succès. Il est prévu que le service client de la boutique vous contacte pour valider les détails de paiement et de livraison de la commande. Connectez-vous ou créer un compte maintenant pour avoir un suivi sur votre commande.',
                                    type: 'success',
                                    showCancelButton: true,
                                    confirmButtonColor: '{{ $metas->background_color != null ? $metas->background_color : '#88b121' }}',
                                    cancelButtonColor: '#d33',
                                    cancelButtonText: 'se connecter',
                                    confirmButtonText: 'je ne veux pas suivre mes achats'
                                }).then((result) => {
                                    if (result.value) {
                                        location.href = '{{ url(\Illuminate\Support\Facades\Session::get('boutique')['nom_boutique']) }}';
                                    } else {
                                        location.href = '{{ url(\Illuminate\Support\Facades\Session::get('boutique')['nom_boutique'] . '/liste/commande') }}';
                                    }
                                })
                            } else {
                                location.href = command;
                            }
                        }
                    },
                    error: function(xhr, status, error) {
                        console.error('Cart validation error:', {xhr, status, error});
                        btn.attr('disabled', false).html('Payer maintenant');

                        let errorMessage = "Des champs sont requis avant validation de votre commande";
                        let errorTitle = 'Validation de votre commande';

                        if (status === 'timeout') {
                            errorMessage = 'La requête a expiré. Veuillez vérifier votre connexion et réessayer.';
                            errorTitle = 'Erreur de Connexion';
                        } else if (xhr.responseJSON && xhr.responseJSON.message) {
                            errorMessage = xhr.responseJSON.message;
                        } else if (xhr.responseJSON && xhr.responseJSON.errors) {
                            // Laravel validation errors
                            let errors = Object.values(xhr.responseJSON.errors).flat();
                            errorMessage = errors.join('\n');
                        } else if (status === 'error' && xhr.status === 0) {
                            errorMessage = 'Impossible de se connecter au serveur. Vérifiez votre connexion internet.';
                            errorTitle = 'Erreur de Connexion';
                        } else if (xhr.status === 422) {
                            errorMessage = 'Les données soumises sont invalides. Veuillez vérifier tous les champs.';
                        }

                        Swal.fire({
                            title: errorTitle,
                            text: errorMessage,
                            icon: 'error',
                            confirmButtonColor: '{{ $metas->background_color != null ? $metas->background_color : "#88b121" }}'
                        })
                    }
                });
            } else {
                Swal.fire({
                    title: 'Validation de votre commande',
                    text: "Des champs dont requis avant validation de votre commande",
                    type: 'warning',
                })
            }
        });

        /**
         * MIB Cotisation payment
         */
        $(document).on('click', '#btn-paiement-cotisation', function(e) {
            e.preventDefault();
            let btn = $(this);
            btn.attr('disabled', true).html(
                '<img src="{{ asset('images/loader.gif') }}" width="30px"> initialisation du paiement...'
            );

            let url = btn.data('url');
            let form = {
                cotisations: $('#paiement-due').val(),
                _token: '{{ csrf_token() }}'
            };

            $.ajax({
                url: url,
                method: "POST",
                data: form,
                timeout: 30000, // 30 seconds timeout
                success: function(data) {
                    data.boutique_slug = btn.data('boutique');
                    data.cotisations = $('#paiement-due').val();
                    data.price = parseInt(data.price);
                    data.transaction_type = 'cotisations';
                    data.devise = 'XOF';
                    data.user = '{{\Illuminate\Support\Facades\Auth::id()}}';

                    if (localStorage.getItem('continent') !== undefined &&
                        localStorage.getItem('continent') !== null &&
                        localStorage.getItem('continent') !== "Africa") {
                        $('#form_choose_paiement_option').fadeOut(function() {
                            $('#form_choose_paiement_option_loading').fadeIn();
                        });
                        $('#choosePaiementOptionsModal').modal('show');
                        getGateWayPaiementMethod(parseInt(data.price),
                            '{{ $metas->currency_client }}', 'cotisations', 'paypal');
                    } else {
                        $('#choosePaiementOptionsModal').modal('show');
                        let way = 'other';
                        getGateWayPaiementMethod(parseInt(data.price), data.devise, data.transaction_type, data, way);
                    }
                },
                error: function(xhr, status, error) {
                    console.error('Cotisation initialization error:', {xhr, status, error});

                    let errorMessage = "Une erreur s'est produite au cours du processus. Veuillez contacter l'équipe technique, si elle persiste.";
                    let errorTitle = "Une erreur s'est produite";

                    if (status === 'timeout') {
                        errorMessage = 'La requête a expiré. Veuillez vérifier votre connexion et réessayer.';
                        errorTitle = 'Erreur de Connexion';
                    } else if (xhr.responseJSON && xhr.responseJSON.message) {
                        errorMessage = xhr.responseJSON.message;
                    } else if (status === 'error' && xhr.status === 0) {
                        errorMessage = 'Impossible de se connecter au serveur. Vérifiez votre connexion internet et réessayez.';
                        errorTitle = 'Erreur de Connexion';
                    } else if (xhr.status === 422) {
                        errorMessage = 'Les données soumises sont invalides. Veuillez vérifier tous les champs.';
                    } else if (xhr.status === 404) {
                        errorMessage = 'La ressource demandée est introuvable.';
                    }

                    Swal.fire({
                        title: errorTitle,
                        text: errorMessage,
                        icon: 'error',
                        confirmButtonColor: '{{ $metas->background_color != null ? $metas->background_color : "#88b121" }}'
                    })
                },
                complete: function() {
                    btn.attr('disabled', false).html('Payer ma cotisation');
                }
            });
        });

        /**
         * MIB Subscription payment
         */
        $(document).on('click', '#mib_subscription', function(e) {
            e.preventDefault();

            if (check_error(['nom', 'prenom', 'tel', 'adresse'])) {
                let souscription_price = $("#souscription_pricing").val();
                let btn = $(this);
                let data = {
                    boutique_slug: btn.data('boutique'),
                    price: parseInt(souscription_price),
                    transaction_type: 'souscription_mib',
                    devise: 'XOF',
                    response: {
                        'categorie_mib_slug': $('#categorie_mib_slug').val(),
                        'lot_mib_slug': $('#lot_mib_slug').val(),
                        'nom': $('#nom').val(),
                        'year': $('#year').val(),
                        'prenom': $('#prenom').val(),
                        'tel': $('#tel').val(),
                        'adresse': $('#adresse').val(),
                        'nom_mandataire': $('#nom_mandataire').val(),
                        'tel_mandataire': $('#tel_mandataire').val(),
                        'adresse_mandataire': $('#adresse_mandataire').val(),
                        'brunch': $('#brunch').val(),
                        'user': '{{\Illuminate\Support\Facades\Auth::id()}}'
                    }
                };

                btn.attr('disabled', true).html('<img src="{{ asset('images/loader.gif') }}" width="20px"> en cours...');

                if (localStorage.getItem('continent') !== undefined &&
                    localStorage.getItem('continent') !== null &&
                    localStorage.getItem('continent') !== "Africa") {
                    $('#form_choose_paiement_option').fadeOut(function() {
                        $('#form_choose_paiement_option_loading').fadeIn();
                    });
                    $('#choosePaiementOptionsModal').modal('show');
                    getGateWayPaiementMethod(parseInt(data.price), '{{ $metas->currency_client }}',
                        'souscription_mib', 'paypal');
                } else {
                    $('#choosePaiementOptionsModal').modal('show');
                    let way = 'other';
                    getGateWayPaiementMethod(parseInt(data.price), data.devise, data.transaction_type, data, way);
                }
            } else {
                $.notify('Certaines informations sont requises pour continuer.', 'warning');
            }
        });

        /**
         * Command payment initialization
         */
        $(document).on('click', '.paiement-initalise', function(e) {
            e.preventDefault();
            let btn = $(this);
            let command = btn.data('command');
            let total_time_to_paid = 1;
            let echelonner_number_to_paid = $('#' + btn.data('slug'));

            if (echelonner_number_to_paid) {
                total_time_to_paid = echelonner_number_to_paid.val();
                let price = btn.data('price');
                btn.data('price', (price * total_time_to_paid));
            }

            btn.attr('disabled', true).html(
                '<img src="{{ asset('images/loader.gif') }}" width="20px"> Initialisation du paiement ...'
            );

            let url = btn.data('url');
            let status = btn.data('home');
            let form = {
                slug: command,
                total_time_to_paid: total_time_to_paid
            };

            $.ajax({
                url: url,
                method: "POST",
                data: form,
                timeout: 30000, // 30 seconds timeout
                success: function(data) {
                    btn.attr('disabled', false).html('Payer maintenant');

                    if (localStorage.getItem('continent') !== null &&
                        localStorage.getItem('continent') !== "Africa") {
                        data = JSON.parse(data);
                        $('#form_choose_paiement_option').fadeOut(function() {
                            $('#form_choose_paiement_option_loading').fadeIn();
                        });
                        $('#choosePaiementOptionsModal').modal('show');
                        getGateWayPaiementMethod(parseInt(data), '{{ $metas->currency_client }}',
                            'commandes', 'paypal');
                    } else {
                        data = {
                            price: data,
                            devise: '{{ $metas->currency_client }}',
                            transaction_type: 'commandes'
                        }
                        $('#choosePaiementOptionsModal').modal('show');
                        let way = 'other';
                        getGateWayPaiementMethod(parseInt(data.price), data.devise, data.transaction_type, data, way);
                    }
                },
                error: function(xhr, status, error) {
                    console.error('Command payment initialization error:', {xhr, status, error});
                    btn.attr('disabled', false).html('Payer maintenant');

                    let errorMessage = "Une erreur est survenue lors de l'initialisation du paiement. Veuillez réessayer.";
                    let errorTitle = 'Erreur de Paiement';

                    if (status === 'timeout') {
                        errorMessage = 'La requête a expiré. Veuillez vérifier votre connexion et réessayer.';
                        errorTitle = 'Erreur de Connexion';
                    } else if (xhr.responseJSON && xhr.responseJSON.message) {
                        errorMessage = xhr.responseJSON.message;
                    } else if (status === 'error' && xhr.status === 0) {
                        errorMessage = 'Impossible de se connecter au serveur. Vérifiez votre connexion internet et réessayez.';
                        errorTitle = 'Erreur de Connexion';
                    } else if (xhr.status === 422) {
                        errorMessage = 'Les données de la commande sont invalides.';
                    } else if (xhr.status === 404) {
                        errorMessage = 'La commande est introuvable.';
                    }

                    Swal.fire({
                        title: errorTitle,
                        text: errorMessage,
                        icon: 'error',
                        confirmButtonColor: '{{ $metas->background_color != null ? $metas->background_color : "#88b121" }}'
                    })
                }
            });
        });

        /**
         * Delivery request
         */
        $(document).on('click', '#demande_livraison', function(e) {
            e.preventDefault();
            let btn = $(this);
            let command = btn.data('command');
            btn.html(
                '<img src="{{ asset('images/loader.gif') }}" width="20px"> Initialisation de la demande de livraison ...'
            ).attr('disabled', true);

            let forms = $('#shipping_form');
            let url = forms.attr('action');
            let data = forms.serialize();

            $.ajax({
                url: url,
                method: "POST",
                data: data,
                success: function(data) {
                    btn.html('En attente de livraison').attr('disabled', true);
                    $('#LivraisonDataModal').modal('hide');
                    $.notify(
                        'La demande de livraison a été effectuée avec succès. Le service de livraison vous contactera pour la validation de l adresse de livraison.',
                        'success');
                    setTimeout(function() {
                        location.reload();
                    }, 3000)
                },
                error: function(data) {}
            });
        });
    });
</script>