var bind = function () {
        var $form = $(".api-offer-form");
        var error;

        var tooltipElem;

        (function() {
            var $accessTokenDiv = $('#access_token_div');
            var getTokenUrl = $accessTokenDiv.data('get-token-url');
            var $getStartedLabel = $('.api-page-key__label');
            var getToken = function () {
                $.ajax({
                    dataType: "json",
                    url: getTokenUrl,
                    success: function (json) {
                        $accessTokenDiv.html(json.data.access_token);
                        $getStartedLabel.each(function(index) {
                            $(this).html('api key: ' + json.data.access_token);
                        })
                    }
                });
            };
            getToken();
        })();

        var hideTooltipster = function() {
            if (tooltipElem) {
                if (tooltipElem.length > 0) {
                    try {
                        tooltipElem.tooltipster('destroy');
                        tooltipElem.removeClass('g-error error');
                        $('.tooltipster').removeClass('tooltipster').removeClass('tooltipstered');
                        tooltipElem = null;
                    }
                    catch (e) {
                    }
                }
                else {
                    tooltipElem = null;
                }
            }
        };

        //$(document).click(hideTooltipster);

        var showTooltipster = function(element, text, position, hide_all) {
            var hide_all = hide_all || true;
            if (hide_all === true) {
                hideTooltipster();
            }
            tooltipElem = $(element);
            tooltipElem.addClass('tooltipster');
            var position = position || 'right';
            tooltipElem.tooltipster({
                trigger: 'custom',
                multiple: true,
                timer: 7000,
                theme: 'tooltipster-error',
                position: position
            });
            tooltipElem.tooltipster('hide', function () {
                if (tooltipElem && tooltipElem.length > 0) {
                    tooltipElem.removeClass('g-error error');
                    $('.tooltipster').removeClass('tooltipster');
                }
            });
            tooltipElem.tooltipster('content', text);
            tooltipElem.tooltipster('show');
            //tooltipElem.addClass('g-error error');
            tooltipElem.focus();
        };

        var showErrorMessage = function ($field, message) {
            showTooltipster($field, message, 'top');
            $field.on('input', function(event){
                event.preventDefault();
            });
            $field.get(0).focus();
            error = true;
        };

        var onFieldError = function () {
            var errors = window.ParsleyUI.getErrorsMessages(this);
            showErrorMessage(this.$element, errors[0]);
            //nonValid(this.$element);
        };

        var onFieldSuccess = function () {
            var field = $('.form-control.tooltipstered', $form);
            console.log(field);
            field.tooltipster('hide').tooltipster('destroy').removeClass('error');
        };

        $(".form-control--email").tooltipster({
            trigger: "custom",
            theme: "tooltipster-error"
        });

        var formSubmitSuccess = function () {
            var formData = $form.serializeArray();
            var actionUrl = $form.attr('action');
            $('.modal-alert--notification').modal('show');
            return false;
        };

        $form.each(function (index) {
            $(this).parsley()
                   .on('field:error', onFieldError)
                   .on('field:success', onFieldSuccess)
                   .on('field:focus', hideTooltipster)
                   .on('field:focusout', hideTooltipster)
                   .on('form:submit', formSubmitSuccess);
        });

        function nonValid(field) {
            showTooltipster(field, 'TEST', top);
        }

        $('.form-control--email').each(function(){
            hideTooltipster();
            $(this).on('keyup input', function(event){
                event.preventDefault();
                return false;
            });
            $(this).on('blur', function(){
               // nonValid($(this));
            });
        });

        //$form.each(function (index) {
        //    console.log(this);
        //    this.submit(function() {
        //        var $field = this.closest('.form-control--email');
        //
        //        console.log($field);
        //        showTooltipster($field, 'test', 'top');
        //    });
        //});

        $(document).on('click', '.btn-api-page-modal--close, .close-modal', function (event) {
            $(this).closest('.alert-modal').next('.blocker').fadeOut();
            $(this).closest('.alert-modal').fadeOut();
        });

        $(document).on('click', '.blocker', function (event) {
            $(this).fadeOut();
            $(this).closest('.alert-modal').fadeOut();
        });
    };

    var init = function () {
        bind();
    };

    $(document).ready(function(){

        init();

        var ButtonRequestApiAccess    = $('.request-api-access-btn');
        var SectionApiPageKey         = $('.api-page-key', '.api-offer-form');
        var SectionApiPageActions     = $('.api-page-actions');

        ButtonRequestApiAccess.each(function(){
            $(this).on('click', function(){
                $(this).closest(SectionApiPageActions).fadeOut(0).prev(SectionApiPageKey).fadeIn(0);
                return false;
            });
        });
    });