/// <reference path="./../../js-common/validator.ts" />
$(document).ready(function () {
    // set dropdown
    if ($('#contact-country-dropdown').length > 0) {
        var contactCountryDropdown = new Menubutton(document.getElementById('contact-country-dropdown'));
        contactCountryDropdown.init();
    }
    if ($('#contact-right-country-dropdown').length > 0) {
        var contactRightCountryDropdown = new Menubutton(document.getElementById('contact-right-country-dropdown'));
        contactRightCountryDropdown.init();
    }
    // set search button tabindex
    $('.contact__submit').attr('tabindex', 0);
    var sessionToken;
    $('.contact .m-form__section:last').addClass('last');
    var captchaImageUrl = apiDomain + '/contactus/captcha-image';
    var requestPage = apiDomain + '/api/contactus_form?language=' + htmlLang;
    var formData;
    $(".contact__section ul li a").click(function () {
        $('.contact__region').addClass('hidden');
        var regionName = $(this).attr('data-value');
        $('.contact__region.' + regionName).removeClass('hidden');
    });
    // not allow number for input
    $(document).on('keydown', '#m-lastName,#m-firstName', function (e) {
        if ((e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105)) {
            return false;
        }
    });
    $('.contact__submit').click(function (e) {
        contactSubmit(e);
    });
    $('.contact__submit, .contact .m-form__field').keydown(function (e) {
        if (e.keyCode == 13) {
            contactSubmit(e);
        }
    });
    function contactSubmit(e) {
        var isError = false;
        e.preventDefault();
        $('.checkbox-with-desc').each(function () {
            var input = $(this).find('input');
            if (input.attr('required') && !input.is(':checked')) {
                isError = true;
                $(this).find('.error-msg').show(0);
            }
            else {
                $(this).find('.error-msg').hide(0);
            }
        });
        var result = checkValidation({
            targetForm: "contactForm"
        });
        if (result && !isError) {
            // $('.request__submit').off();
            $('.contact__message').remove();
            formData = $('#contactForm').serialize();
            sendContact(requestPage, formData);
            $('.contact__submit').addClass('hidden');
            $('<div class="loader"></div>').appendTo($('.contact__submit').parents('.contact__section'));
        }
    }
    function sendContact(requestPage, formData) {
        // get session token
        $.ajax({
            url: apiDomain + "?q=services/session/session_token",
            type: "get",
            dataType: "text",
            crossDomain: true,
            xhrFields: { withCredentials: true },
            error: function (jqXHR, textStatus, errorThrown) {
                //alert(errorThrown);
            },
            success: function (token) {
                sessionToken = token;
                // clear all error message
                $('.contact__message').remove();
                $.ajax({
                    method: "POST",
                    url: requestPage,
                    data: formData,
                    crossDomain: true,
                    xhrFields: { withCredentials: true },
                    headers: {
                        'X-CSRF-Token': sessionToken
                    }
                    // beforeSend: function (request) {
                    //   request.setRequestHeader("X-CSRF-Token", sessionToken);
                    // },
                }).done(function (data) {
                    var userAgent = navigator.userAgent;
                    var isAppParam = '';
                    if (userAgent.indexOf("InvestHK/") >= 0) {
                        isAppParam = '&app=true';
                    }
                    if (data.is_sent == 'success') {
                        window.location.href = data.link + '?from=contactUs' + isAppParam;
                    }
                    else {
                        $('.contact__submit').removeClass('hidden');
                        $('.loader').remove();
                        var errorMsg_1 = '';
                        $.each(data.message, function (index, item) {
                            if (index == 0) {
                                errorMsg_1 += item;
                            }
                            else {
                                errorMsg_1 = errorMsg_1 + '<br>' + item;
                            }
                        });
                        $('<div class="contact__message">' + errorMsg_1 + '</div>').insertAfter($('#contactForm'));
                        $('.contact__message').fadeIn();
                    }
                });
            }
        });
    }
    function setDefaultRegion() {
        // for japan and france
        if (lang == 'ja' || lang == 'fr') {
            var currentLang = $('html').attr('lang');
            var showname_1;
            if (lang == 'ja') {
                showname_1 = 'Japan';
            }
            else if (lang == 'fr') {
                showname_1 = 'France';
            }
            var obj = $('.contact__section.form').find('ul li');
            obj.each(function (index) {
                if (showname_1 == $(this).find('a').text()) {
                    $(".contact__section.form ul li").eq(index).find('a').click();
                }
            });
        }
    }
    setDefaultRegion();
});