/* eslint indent: "off" */
var realm_logo = (function () {
    var exports = {};

    exports.build_realm_logo_widget = function (upload_function, is_night) {
        var selector_prefix = '#realm_';
        if (is_night) {
            selector_prefix = '#realm_night_';
        }

        var delete_button_elem = $(selector_prefix + "logo_delete_button");
        var file_input_elem = $(selector_prefix + "logo_file_input");
        var file_input_error_elem = $(selector_prefix + "logo_file_input_error");
        var upload_button_elem = $(selector_prefix + "logo_upload_button");

        var get_file_input = function () {
            return file_input_elem.expectOne();
        };

        if (page_params.realm_logo_source === 'D') {
            delete_button_elem.hide();
        } else {
            delete_button_elem.show();
        }

        var data = {night: JSON.stringify(is_night)};
        delete_button_elem.on('click', function (e) {
            e.preventDefault();
            e.stopPropagation();
            channel.del({
                url: '/json/realm/logo',
                data: data,
            });
        });

        return upload_widget.build_direct_upload_widget(
            get_file_input,
            file_input_error_elem.expectOne(),
            upload_button_elem.expectOne(),
            upload_function,
            page_params.max_logo_file_size
        );
    };

    exports.rerender = function () {
        var file_input = $("#realm_logo_file_input");
        var night_file_input = $("#realm_night_logo_file_input");
        $("#realm-settings-logo").attr("src", page_params.realm_logo_url);

        if (page_params.realm_night_logo_source === 'D' &&
            page_params.realm_logo_source !== 'D') {
            // If no night mode logo is uploaded but a day mode one
            // is, use the day mode one; this handles the common case
            // of transparent background logos that look good on both
            // night and day themes.  See also similar code in admin.js.

            $("#realm-settings-night-logo").attr("src", page_params.realm_logo_url);
        } else {
            $("#realm-settings-night-logo").attr("src", page_params.realm_night_logo_url);
        }

        if (page_params.night_mode && page_params.realm_night_logo_source !== 'D') {
            $("#realm-logo").attr("src", page_params.realm_night_logo_url);
        } else {
            $("#realm-logo").attr("src", page_params.realm_logo_url);
        }
        if (page_params.realm_logo_source === 'U') {
            $("#realm_logo_delete_button").show();
        } else {
            $("#realm_logo_delete_button").hide();
            // Need to clear input because of a small edge case
            // where you try to upload the same image you just deleted.
            file_input.val('');
        }
        if (page_params.realm_night_logo_source === 'U') {
            $("#realm_night_logo_delete_button").show();
        } else {
            $("#realm_night_logo_delete_button").hide();
            // Need to clear input because of a small edge case
            // where you try to upload the same image you just deleted.
            night_file_input.val('');
        }

    };

    return exports;
}());

if (typeof module !== 'undefined') {
    module.exports = realm_logo;
}
window.realm_logo = realm_logo;