/* eslint-disable */
(function ($) {
    'use strict';

    function gens_set_cookie(name, value, days) {
        var expires = '';
        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
            expires = '; expires=' + date.toUTCString();
        }
        document.cookie = name + '=' + (value || '') + expires + '; path=/';
    }

    //Javascript GET cookie parameter
    const urlParams = new URLSearchParams(window.location.search);
    const myParam = urlParams.get('raf');
    var $_GET = {};
    document.location.search.replace(/\??(?:([^=]+)=([^&]*)&?)/g, function () {
        function decode(s) {
            return decodeURIComponent(s.split('+').join(' '));
        }

        $_GET[decode(arguments[1])] = decode(arguments[2]);
    });

    // Get time var defined in woo backend
    var $time = 1;
    if (typeof gens_raf !== 'undefined' && gens_raf.cookieTime !== '') {
        $time = parseInt(gens_raf.cookieTime);
    }

    //If raf is set, add cookie.
    if ((typeof $_GET['raf'] !== 'undefined' && $_GET['raf'] !== null) || myParam) {
        //console.log(window.location.hostname);
        gens_set_cookie('gens_raf', myParam ? myParam : $_GET['raf'], $time);
    }

    if (typeof gens_raf.modal !== 'undefined' && gens_raf.modal) {
        const delay = gens_raf.modal_delay ? gens_raf.modal_delay * 1000 : 0;
        setTimeout(function () {
            const modalElement = document.getElementById('raf-modal');
            if (modalElement) {
                modalElement.style.display = 'flex';
            }
        }, delay);
    }

    // Share Shortcode
    $.fn.rafSocShare = function (opts) {
        var $this = this;

        opts = $.extend(
            {
                attr: 'href',
                linked_in: false,
                pinterest: false,
                whatsapp: false,
            },
            opts
        );

        for (var opt in opts) {
            if (opts[opt] === false) {
                continue;
            }

            switch (opt) {
                case 'facebook':
                    var url = 'https://www.facebook.com/sharer/sharer.php?u=';
                    var name = 'Facebook';
                    _popup(url, name, opts[opt], 400, 640);
                    break;

                case 'twitter':
                    var posttitle = $('.gens-referral_share__tw').data('title');
                    var via = $('.gens-referral_share__tw').data('via');
                    var url = 'https://twitter.com/intent/tweet?via=' + via + '&text=' + encodeURIComponent(posttitle) + '&url=';
                    var name = 'Twitter';
                    _popup(url, name, opts[opt], 440, 600);
                    break;

                case 'whatsappDesktop':
                    var posttitle = $('.gens-referral_share__wade').data('title');
                    var url = 'whatsapp://send?text=' + encodeURIComponent(posttitle) + '%20';
                    var name = 'WhatsApp Desktop';
                    _popup(url, name, opts[opt], 600, 600);
                    break;

                case 'linked_in':
                    var url = 'https://www.linkedin.com/shareArticle?mini=true&url=';
                    var name = 'LinkedIn';
                    _popup(url, name, opts[opt], 570, 520);
                    break;

                case 'pinterest':
                    var url = 'https://www.pinterest.com/pin/create/link/?url=';
                    var name = 'Pinterest';
                    _popup(url, name, opts[opt], 500, 800);
                    break;

                case 'whatsapp':
                    var posttitle = $('.gens-referral_share__wa').data('title');
                    var name = 'Whatsapp';
                    var url = 'whatsapp://send?text=' + encodeURIComponent(posttitle) + '%20';
                    _popup(url, name, opts[opt], 500, 800);
                    break;

                case 'viber':
                    var posttitle = $('.gens-referral_share__viber').data('title');
                    var name = 'Whatsapp';
                    var url = 'viber://forward?text=' + encodeURIComponent(posttitle) + '%20';
                    _popup(url, name, opts[opt], 500, 800);
                    break;

                default:
                    break;
            }
        }

        function _popup(url, name, opt, height, width) {
            if (opt !== false && $this.find(opt).length) {
                $this.on('click', opt, function (e) {
                    e.preventDefault();

                    var top = screen.height / 2 - height / 2;
                    var left = screen.width / 2 - width / 2;
                    var share_link = $(this).attr(opts.attr);

                    if (name === 'Whatsapp') {
                        window.location = url + encodeURIComponent(share_link) + '%20';
                        return true;
                    } else if (name === 'WhatsApp Desktop') {
                        window.open(url, name, 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=' + height + ',width=' + width + ',top=' + top + ',left=' + left);
                    } else {
                        window.open(
                            url + encodeURIComponent(share_link),
                            name,
                            'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=' + height + ',width=' + width + ',top=' + top + ',left=' + left
                        );
                    }

                    return false;
                });
            }
        }
        return;
    };

    function gensCopyText(text) {
        function selectElementText(element) {
            if (document.selection) {
                var range = document.body.createTextRange();
                range.moveToElementText(element);
                range.select();
            } else if (window.getSelection) {
                var range = document.createRange();
                range.selectNode(element);
                window.getSelection().removeAllRanges();
                window.getSelection().addRange(range);
            }
        }
        var element = document.createElement('DIV');
        element.textContent = text;
        element.style.backgroundColor = '#fff';
        element.style.color = '#000';
        document.body.appendChild(element);
        selectElementText(element);
        document.execCommand('copy');
        element.remove();
    }

    jQuery(document).ready(function () {
        $('.gens-referral_share').rafSocShare({
            facebook: '.gens-referral_share__fb',
            twitter: '.gens-referral_share__tw',
            whatsappDesktop: '.gens-referral_share__wade',
            linked_in: '.gens-referral_share__ln',
            pinterest: '.gens-referral_share__pin',
            whatsapp: '.gens-referral_share__wa',
            viber: '.gens-referral_share__viber',
        });

        $('#js--gens-email-clone').on('click', function (e) {
            e.preventDefault();
            var $clone = $('#gens-referral_share__email').children().first().clone();
            $clone.insertBefore('#js--gens-email-clone').find('input').val('');
        });

        $('.raf-close').on('click', function (e) {
            e.preventDefault();
            $('#raf-modal').hide();
        });

        $('#js--gens-email-remove').on('click', function (e) {
            e.preventDefault();
            if ($('.gens-referral_share__email__inputs').length > 1) {
                $('#gens-referral_share__email').find('.gens-referral_share__email__inputs').last().remove();
            }
        });

        $('#gens-referral_share__email').submit(function (e) {
            e.preventDefault();
            var valid = true;
            $('.gens-referral_share__email__inputs').each(function () {
                var emailInput = $(this).find("input[type='email']");
                emailInput.removeClass('error');
                if (!validateEmail(emailInput.val())) {
                    valid = false;
                    emailInput.addClass('error');
                }
            });
            if (valid === true) {
                gensAjaxSubmit();
            }
        });

        // Click to copy
        $('.gens-ctc').on('click', function () {
            var that = this;
            var text = $(this).text();
            var copied = $(this).data('text');
            var raf_link = $(this).parent().find('strong').text();
            var copied;
            gensCopyText(raf_link);
            $(this).text(copied);
            setTimeout(function () {
                $(that).text(text);
            }, 1500);
        });

        const copyInputs = Array.from(document.querySelectorAll('.gens-copy'));
        copyInputs.forEach((input) => {
            input.addEventListener('click', function () {
                const input = this.querySelector('input');
                const copyIcon = this.querySelector('.gens-copy-icon');
                const copiedIcon = this.querySelector('.gens-copied-icon');

                navigator.clipboard
                    .writeText(input.value)
                    .then(() => {
                        copyIcon.style.display = 'none';
                        copiedIcon.style.display = 'block';

                        setTimeout(() => {
                            copyIcon.style.display = 'block';
                            copiedIcon.style.display = 'none';
                        }, 2000);
                    })
                    .catch((err) => {
                        console.error('Could not copy text: ', err);
                    });
            });
        });

        // Generate referral link from guest email
        $('body').on('click', '.gens-raf-generate-link', function () {
            var valid = true;
            var $email = $('.gens-raf-guest-email');
            var $name = $('.gens-raf-guest-name');
            if (!validateEmail($email.val())) {
                valid = false;
                $email.addClass('error');
            }
            if (valid === true) {
                $('.gens-raf__url strong').text($('.gens-raf__url strong').text() + '?raf=' + $email.val());
                const input = $('.gens-raf-field--link');
                if (input.length) {
                    input.val(input.val() + '?raf=' + $email.val());
                }
                $('.gens-referral_share')
                    .find('a')
                    .each(function () {
                        var $href = $(this).attr('href');
                        $(this).attr('href', $href + '?raf=' + $email.val());
                    });
                var $link = $('.gens-refer-a-friend').attr('data-link');
                $('.gens-refer-a-friend').attr('data-link', $link + '?raf=' + $email.val());
                $('.gens-refer-a-friend').attr('data-name', $name.val());
                $('.gens-refer-a-friend--generate').hide();
                $('.gens-refer-a-friend--guest').show();
                gens_set_cookie('gens_raf_guest', $email.val(), 7);
            }
        });

        // Refresh on email change
        var typingTimer;
        var gensDoneTypingInterval = 1000;

        $('#billing_email').on('input', function () {
            window.clearTimeout(typingTimer);
            typingTimer = window.setTimeout(() => gensDoneTyping('email'), gensDoneTypingInterval);
        });

        $('#shipping_email').on('input', function () {
            window.clearTimeout(typingTimer);
            typingTimer = window.setTimeout(() => gensDoneTyping('email'), gensDoneTypingInterval);
        });

        $('#billing_phone').on('input', function () {
            window.clearTimeout(typingTimer);
            typingTimer = window.setTimeout(() => gensDoneTyping('phone'), gensDoneTypingInterval);
        });

        function validateEmail(email) {
            var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
            return re.test(String(email).toLowerCase());
        }

        function gensDoneTyping(type) {
            if (type === 'email') {
                var val = $('#billing_email').val();
                if (val.indexOf('@') > -1) {
                    jQuery(document.body).trigger('update_checkout');
                }
            } else {
                jQuery(document.body).trigger('update_checkout');
            }
        }

        function gensAjaxSubmit() {
            $("#gens-referral_share__email input[type='submit']").prop('disabled', true);
            var data = new Array();
            var link = $('.gens-refer-a-friend').data('link');
            var name = $('.gens-refer-a-friend').data('name');
            $('.gens-referral_share__email__inputs').each(function () {
                var email = $(this).find("input[type='email']").val();
                var text = $(this).find("input[type='text']").val();
                if (email != '') {
                    var valueToPush = {};
                    valueToPush.email = email;
                    valueToPush.name = text;
                    data.push(valueToPush);
                }
            });

            jQuery.ajax({
                type: 'POST',
                url: gens_raf.ajax_url,
                data: {
                    data: data,
                    link: link,
                    name: name,
                    action: 'gens_share_via_email',
                },
                success: function (data) {
                    // Remove form and say thx
                    $('.gens-raf-submit-success').show();
                    $('.gens-raf-send-emails').hide();
                    var $success = "<div class='gens-raf-mail-share'>" + gens_raf.success_msg + '</div>';
                    $('.gens-referral_share__email__inputs').not(':first').remove();
                    $('.gens-referral_share__email__inputs').find('input').val('');
                    $("#gens-referral_share__email input[type='submit']").prop('disabled', false);
                    $('.gens-referral_share__email').after($success);
                    setTimeout(function (d) {
                        $('.gens-raf-mail-share').remove();
                        $('.gens-raf-submit-success').hide();
                        $('.gens-raf-send-emails').show();
                    }, 4500);
                },
            });
            return false;
        }
    });
})(jQuery);