define([
    'jquery',
    'underscore'
], function ($, _) {
    'use strict';
    
    return {
        idx:      1,
        $console: null,
        
        console: function () {
            if (this.$console === null) {
                var left = $("body").attr('class').includes('page-layout-admin') ? '9rem' : "0rem";
                
                this.$console = $("<div />")
                    .css("position", "fixed")
                    .css("z-index", "100000000")
                    .css("bottom", "0rem")
                    .css("left", left)
                    .css("width", "40rem")
                    .css("max-width", "50%")
                    .css("background", "#323232")
                    .css("border-radius", "0 4px 0 0")
                    .css("padding", "1rem")
                    .css("font-size", "13px")
                    .css("overflow", "hidden");
                
                $("body").append(this.$console);
            }
            
            return this.$console;
        },
        
        info: function (message) {
            this.push(message, "info")
        },
        
        error: function (message) {
            this.push(message, "error")
        },
        
        push: function (message, typ) {
            if (!PN_DEBUG) {
                return;
            }
            
            console.log(message);
            
            if (typeof message === "object" && message.message) {
                message = message.message;
            } else if (typeof message !== "string") {
                message = JSON.stringify(message);
            }
            
            var $e = $("<div />").html("#" + this.idx++ + ": " + message)
                .css("margin", ".1rem 0")
                .css("padding", ".5rem 0")
                .css("border-bottom", "1px solid rgba(255, 255, 255, 0.1)")
                .css("overflow", "scroll")
                .css("color", "rgba(255, 255, 255, 0.9)");
            
            if (typ === "error") {
                $e.css("color", "#f00");
            }
            
            this.console().append($e);
        }
    };
});