const Polyglot = require('node-polyglot');
const Locale = require('locale/index');

const ACTIVE_LOCALE = 'zh-cn';
const polyglot = new Polyglot({
  locale: ACTIVE_LOCALE, // Needed for pluralize behaviour
  phrases: Locale[ACTIVE_LOCALE]
});
window._t = polyglot.t.bind(polyglot);

const $ = require('jquery');
const _ = require('underscore');
const Backbone = require('backbone');
require('dashboard/data/backbone/sync-options');
const UserModel = require('dashboard/data/user-model');
const OrganizationModel = require('dashboard/data/organization-model');
const ConfigModel = require('dashboard/data/config-model');
const DashboardHeaderView = require('dashboard/components/dashboard-header-view');
const HeaderViewModel = require('dashboard/views/api-keys/header-view-model');
const UpgradeMessageView = require('dashboard/components/upgrade-message-view');
const ApiKeysPageView = require('dashboard/views/api-keys/api-keys-page-view');
const ApiKeysFormView = require('dashboard/views/api-keys/api-keys-form-view');
const StackLayoutView = require('builder/components/stack-layout/stack-layout-view');
const UserTablesModel = require('dashboard/data/user-tables-model');
const getObjectValue = require('deep-insights/util/get-object-value');

const ForbiddenAction = require('builder/data/backbone/network-interceptors/interceptors/forbidden-403');
const NetworkResponseInterceptor = require('builder/data/backbone/network-interceptors/interceptor');
NetworkResponseInterceptor.addURLPattern('api/v3');
NetworkResponseInterceptor.addErrorInterceptor(ForbiddenAction());
NetworkResponseInterceptor.start();

const configModel = new ConfigModel(
  _.defaults(
    {
      base_url: window.base_url
    },
    window.config
  )
);

if (window.trackJs) {
  window.trackJs.configure({
    userId: window.user_data.username
  });
}

/**
 * Entry point for the new keys, bootstraps all dependency models and application.
 */
$(function () {
  const userModel = new UserModel(window.user_data, { configModel });
  // User has an organization
  if (window.user_data.organization) {
    const organization = new OrganizationModel(window.user_data, {
      currentUserId: window.user_data.id,
      configModel
    });
    organization.owner = new UserModel(getObjectValue(window.user_data, 'organization.owner'));
    userModel.setOrganization(organization);
  }

  const headerView = new DashboardHeaderView({
    el: $('#header'), // pre-rendered in DOM by Rails app
    model: userModel,
    configModel: configModel,
    viewModel: new HeaderViewModel()
  });
  headerView.render();

  const upgradeMessage = new UpgradeMessageView({
    configModel: configModel,
    userModel: userModel
  });

  $('#header').after(upgradeMessage.render().el);

  const userTablesModel = new UserTablesModel(null, { userModel });

  // Prefetch user tables for new api key form
  userTablesModel.fetch();

  // Debug
  window.userTablesModel = userTablesModel;

  const stackLayoutCollection = new Backbone.Collection([
    {
      createStackView: (stackLayoutModel) =>
        new ApiKeysPageView({ userModel, stackLayoutModel, configModel })
    },
    {
      createStackView: (stackLayoutModel, [apiKeyModel, ...other]) =>
        new ApiKeysFormView({
          stackLayoutModel,
          apiKeyModel,
          userTablesModel,
          userModel
        })
    }
  ]);

  const stackLayout = new StackLayoutView({
    collection: stackLayoutCollection
  });

  $('.js-api-keys-new').append(stackLayout.render().el);
});