'use strict';
/*global NzbDrone, Backbone*/

/// <reference path="../SeriesModel.js" />
/// <reference path="../SeriesCollection.js" />
/// <reference path="../EditSeriesView.js" />
/// <reference path="../DeleteSeriesView.js" />
/// <reference path="../../Quality/qualityProfileCollection.js" />

NzbDrone.Series.Index.SeriesItemView = Backbone.Marionette.ItemView.extend({
    template: 'Series/Index/SeriesItemTemplate',
    tagName: 'tr',

    ui: {
        'progressbar': '.progress .bar',
    },

    events: {
        'click .x-edit': 'editSeries',
        'click .x-remove': 'removeSeries'
    },

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

    onRender: function () {
        NzbDrone.ModelBinder.bind(this.model, this.el);
    },

    qualityProfileCollection: new NzbDrone.Quality.QualityProfileCollection(),

    editSeries: function () {
        var view = new NzbDrone.Series.EditSeriesView({ model: this.model, qualityProfiles: this.qualityProfileCollection });
        view.on('saved', this.render, this);
        NzbDrone.modalRegion.show(view);
    },

    removeSeries: function () {
        var view = new NzbDrone.Series.DeleteSeriesView({ model: this.model });
        NzbDrone.modalRegion.show(view);
    },
    onSave: function() {
        alert("saved!");
    }
});

NzbDrone.Series.Index.SeriesCollectionView = Backbone.Marionette.CompositeView.extend({
    itemView: NzbDrone.Series.Index.SeriesItemView,
    itemViewOptions: {},
    template: 'Series/Index/SeriesCollectionTemplate',
    tagName: 'table',
    className: 'table table-hover',
    qualityProfileCollection: new NzbDrone.Quality.QualityProfileCollection(),
    
    initialize: function() {
        this.qualityProfileCollection.fetch();
        this.itemViewOptions = { qualityProfiles: this.qualityProfileCollection };
    },
    
    onRender: function() {
        $('.table').dataTable({
            sDom: "<'row'<'span14'l><'span6'f>r>t<'row'<'span14'i><'span6'p>>",
            sPaginationType: "bootstrap",
            bLengthChange: false,
            bPaginate: false,
            bFilter: false,
            aaSorting: [[1, 'asc']],
            bStateSave: true,
            iCookieDuration: 60 * 60 * 24 * 365, //1 year
            oLanguage: {
                sInfo: "_TOTAL_ series",
                sEmptyTable: "No series have been added"
            },
            aoColumns: [
                {
                    sType: "title-string",
                    sWidth: "13px"
                },
                null,
                null,
                null,
                null,
                {
                    sType: "best-date"
                },
                {
                    bSortable: false,
                    sWidth: "125px"
                },
                {
                    bSortable: false,
                    sWidth: "50px"
                }
            ]
        });
    }
});