define([
  './gates',
  './gates-view',
  './actions-view',
  './router',
  './layout',
  './controller'
], function (Gates, GatesView, ActionsView, Router, Layout, Controller) {

  var $ = jQuery,
      App = new Marionette.Application();

  var init = function (options) {
    // Layout
    this.layout = new Layout({ el: options.el });
    this.layout.render();
    $('#footer').addClass('search-navigator-footer');

    // Gates List
    this.gates = new Gates();

    // Controller
    this.controller = new Controller({ app: this });

    // Header
    this.actionsView = new ActionsView({
      canEdit: this.canEdit,
      collection: this.gates
    });
    this.layout.actionsRegion.show(this.actionsView);

    // List
    this.gatesView = new GatesView({
      canEdit: this.canEdit,
      collection: this.gates
    });
    this.layout.resultsRegion.show(this.gatesView);

    // Router
    this.router = new Router({ app: this });
    Backbone.history.start({
      pushState: true,
      root: getRoot()
    });
  };

  var appXHR = $.get(baseUrl + '/api/qualitygates/app')
      .done(function (r) {
        App.canEdit = r.edit;
        App.periods = r.periods;
        App.metrics = r.metrics;
      });

  App.on('start', function (options) {
    $.when(window.requestMessages(), appXHR).done(function () {
      init.call(App, options);
    });
  });

  function getRoot () {
    var ROOT = '/quality_gates',
        path = window.location.pathname,
        pos = path.indexOf(ROOT);
    return path.substr(0, pos + ROOT.length);
  }

  return App;

});