const $ = require('jquery');
const _ = require('underscore');
const ConfigModel = require('dashboard/data/config-model');
const AuthenticatedUser = require('dashboard/data/authenticated-user-model');
const UserModel = require('dashboard/data/user-model');
const FavMapView = require('dashboard/views/public-profile/fav-map-view');
const UserInfoView = require('dashboard/components/user-info/user-info-view');
const PaginationModel = require('builder/components/pagination/pagination-model');
const PaginationView = require('builder/components/pagination/pagination-view');
const UserSettingsView = require('dashboard/components/navbar/user-settings-view');
const UserIndustriesView = require('dashboard/components/navbar/user-industries-view');
const MapCardPreview = require('dashboard/components/mapcard-preview-view');
const ScrollableHeader = require('dashboard/helpers/scroll-tofixed-view');

const NetworkResponseInterceptor = require('builder/data/backbone/network-interceptors/interceptor');
NetworkResponseInterceptor.addURLPattern('api/v');
NetworkResponseInterceptor.start();

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

window.configModel = configModel;

$(function () {
  const headerEl = $('.js-Navmenu');
  if (headerEl.length > 0) {
    new ScrollableHeader({ // eslint-disable-line no-new
      el: headerEl,
      anchorPoint: 350
    });
  }

  new UserIndustriesView({ // eslint-disable-line no-new
    el: $('.js-user-industries')
  });

  const authenticatedUser = new AuthenticatedUser();

  authenticatedUser.on('change', function (model) {
    if (model.get('username')) {
      var user = new UserModel(authenticatedUser.attributes, {
        configModel: configModel
      });

      const userSettingsView = new UserSettingsView({
        el: $('.js-user-settings'),
        model: user
      });
      userSettingsView.render();

      $('.js-login').hide();
      $('.js-learn').show();
    }
  });

  const favMapView = new FavMapView(window.favMapViewAttrs);
  favMapView.render();

  const userInfoView = new UserInfoView({
    el: $('.js-user-info')
  });
  userInfoView.render();

  const paginationView = new PaginationView({
    el: $('.js-content-footer'),
    model: new PaginationModel(window.paginationModelAttrs)
  });
  paginationView.render();

  $('.MapCard').each(function () {
    const mapCard = $(this);
    const visId = mapCard.data('visId');
    if (visId) {
      const username = mapCard.data('visOwnerName');
      const mapCardPreview = new MapCardPreview({
        el: mapCard.find('.js-header'),
        height: 220,
        visId: mapCard.data('visId'),
        username: username,
        mapsApiResource: configModel.getMapsResourceName(username),
        config: configModel
      });
      mapCardPreview.load();
    }
  });

  authenticatedUser.fetch();
});