import Backbone from 'backbone';
import _ from 'underscore';

import {Configuration} from './Configuration';
import {delayedDestroying} from './mixins/delayedDestroying';
import {editor} from '../base';
import {failureTracking} from './mixins/failureTracking';

import template from '../../backgroundImage.jst';

export const Page = Backbone.Model.extend({
  modelName: 'page',
  paramRoot: 'page',
  i18nKey: 'pageflow/page',

  defaults: function() {
    return {
      template,
      configuration: {},
      active: false,
      perma_id: ''
    };
  },

  mixins: [failureTracking, delayedDestroying],

  initialize: function() {
    this.configuration = new Configuration(this.get('configuration') || {});
    this.configuration.parent = this.configuration.page = this;

    this.listenTo(this.configuration, 'change', function() {
      this.trigger('change:configuration', this);
    });

    this.listenTo(this.configuration, 'change:title', function() {
      this.trigger('change:title');
    });

    this.listenTo(this.configuration, 'change', function() {
      this.save();
    });

    this.listenTo(this, 'change:template', function() {
      this.save();
    });
  },

  urlRoot: function() {
    return this.isNew() ? this.collection.url() : '/pages';
  },

  storylinePosition: function() {
    return (this.chapter && this.chapter.storylinePosition()) || -1;
  },

  chapterPosition: function() {
    return this.chapter && this.chapter.has('position') ? this.chapter.get('position') : -1;
  },

  isFirstPage: function() {
    return this.isChapterBeginning() &&
           this.chapterPosition() === 0 &&
           this.storylinePosition() === 1;
  },

  isChapterBeginning: function() {
    return this.get('position') === 0;
  },

  title: function() {
    return this.configuration.get('title') ||
      this.configuration.get('additional_title') ||
      '';
  },

  thumbnailFile: function() {
    var configuration = this.configuration;

    return _.reduce(this.pageType().thumbnailCandidates(), function(result, candidate) {
      if (candidate.condition && !conditionMet(candidate.condition, configuration)) {
        return result;
      }

      return result || configuration.getReference(candidate.attribute, candidate.file_collection);
    }, null);
  },

  pageLinks: function() {
    return this.pageType().pageLinks(this.configuration);
  },

  pageType: function() {
    return editor.pageTypes.findByName(this.get('template'));
  },

  toJSON: function() {
    return _.extend(_.clone(this.attributes), {
      configuration: this.configuration.toJSON()
    });
  },

  destroy: function() {
    this.destroyWithDelay();
  }
});

function conditionMet(condition, configuration) {
  if (condition.negated) {
    return configuration.get(condition.attribute) != condition.value;
  }
  else {
    return configuration.get(condition.attribute) == condition.value;
  }
}

Page.linkedPagesLayouts = ['default', 'hero_top_left', 'hero_top_right'];
Page.textPositions = ['left', 'center', 'right'];
Page.textPositionsWithoutCenterOption = ['left', 'right'];

Page.scrollIndicatorModes = ['all', 'only_back', 'only_next', 'non'];
Page.scrollIndicatorOrientations = ['vertical', 'horizontal'];
Page.delayedTextFadeIn = ['no_fade', 'short', 'medium', 'long'];

@@ -259,59 +259,8 @@
 ';%0A%0A
-import template from '../../backgroundImage.jst';%0A%0A
 expo
@@ -422,16 +422,36 @@
 template
+: 'background_image'
 ,%0A      

Fix invalid template match