;(function($) {

    var set_rgpd_infos = function()
    {
        if (js_vars && js_vars.rgpd) {

            $(js_vars.rgpd).each(function(i, v) {
                var $field = $('form [name="' + v.name + '"]');

                $field.wrap('<span class="rgpd-container"></span>');
                $field.closest('.rgpd-container').prepend('<span data-rgpd-field="' + v.name + '">' + v.value + '</span>');
                $field.closest('.rgpd-container').append('<span class="rgpd-container-info">?</span>');
            });

            $(document).find('span[data-rgpd-field]').each(function(j, w) {
                var field_name = $(this).attr('data-rgpd-field');
                var $target = $(this).closest('form').find('[name="' + field_name + '"]');
                var input_height = $target.outerHeight();

                if (input_height < 1) {
                    input_height = 18;
                }

                var position = input_height + 10;
                $(this).css('bottom', position + 'px');
            });
        }
    }

    $(window).on('load', function(e) {
        set_rgpd_infos();

        $('.rgpd-container-info')
            .mouseenter(function() {
                $(this).closest('.rgpd-container').find('span[data-rgpd-field]').fadeIn();
            })
            .mouseleave(function() {
                $(this).closest('.rgpd-container').find('span[data-rgpd-field]').fadeOut();
            });
    });

})(jQuery);