'use strict';
/*global NzbDrone, Backbone*/
/// <reference path="../app.js" />
/// <reference path="SeriesModel.js" />
/// <reference path="DeleteSeriesView.js" />
/// <reference path="../Quality/qualityProfileCollection.js" />

NzbDrone.Series.EditSeriesView = Backbone.Marionette.ItemView.extend({
    template: 'Series/EditSeriesTemplate',
    tagName: 'div',
    className: "modal",

    ui: {
        progressbar: '.progress .bar',
        qualityProfile: '.x-quality-profile',
        backlogSettings: '.x-backlog-setting',
    },

    events: {
        'click .x-save': 'saveSeries',
        'click .x-remove': 'removeSeries'
    },

    initialize: function (options) {
        this.qualityProfileCollection = options.qualityProfiles;
        this.model.set('qualityProfiles', this.qualityProfileCollection);
    },

    onRender: function () {
        NzbDrone.ModelBinder.bind(this.model, this.el);
    },
    
    qualityProfileCollection: new NzbDrone.Quality.QualityProfileCollection(),
    
    saveSeries: function () {
        //Todo: Get qualityProfile + backlog setting from UI
        var qualityProfile = this.ui.qualityProfile.val();
        var qualityProfileText = this.ui.qualityProfile.children('option:selected').text();
        var backlogSetting = this.ui.backlogSettings.val();

        this.model.set({ qualityProfileId: qualityProfile, backlogSetting: backlogSetting, qualityProfileName: qualityProfileText });

        this.model.save();
        this.trigger('saved');
        this.$el.parent().modal('hide');
    },

    removeSeries: function () {
        var view = new NzbDrone.Series.DeleteSeriesView({ model: this.model });
        NzbDrone.modalRegion.show(view);
    }
});