Page.Wanted = new Class({

	Extends: PageBase,

	name: 'wanted',
	title: 'Gimmy gimmy gimmy!',

	indexAction: function(param){
		var self = this;

		if(!self.wanted){

			// Wanted movies
			self.wanted = new MovieList({
				'status': 'active',
				'actions': MovieActions
			});
			$(self.wanted).inject(self.el);
			App.addEvent('library.update', self.wanted.update.bind(self.wanted));
		}

	}

});

var MovieActions = {};
window.addEvent('domready', function(){

	MovieActions.Wanted = {
		'IMBD': IMDBAction
		,'releases': ReleaseAction

		,'Edit': new Class({

			Extends: MovieAction,

			create: function(){
				var self = this;

				self.el = new Element('a.edit', {
					'title': 'Refresh the movie info and do a forced search',
					'events': {
						'click': self.editMovie.bind(self)
					}
				});

			},

			editMovie: function(e){
				var self = this;
				(e).stop();

				if(!self.options_container){
					self.options_container = new Element('div.options').adopt(
						$(self.movie.thumbnail).clone(),
						new Element('div.form', {
							'styles': {
								'line-height': self.movie.getHeight()
							}
						}).adopt(
							self.title_select = new Element('select', {
								'name': 'title'
							}),
							self.profile_select = new Element('select', {
								'name': 'profile'
							}),
							new Element('a.button.edit', {
								'text': 'Save',
								'events': {
									'click': self.save.bind(self)
								}
							})
						)
					).inject(self.movie, 'top');

					Array.each(self.movie.data.library.titles, function(alt){
						new Element('option', {
							'text': alt.title
						}).inject(self.title_select);
					});

					Object.each(Quality.getActiveProfiles(), function(profile){
						new Element('option', {
							'value': profile.id ? profile.id : profile.data.id,
							'text': profile.label ? profile.label : profile.data.label
						}).inject(self.profile_select);
						self.profile_select.set('value', (self.movie.profile || {})['id']);
					});

				}

				self.movie.slide('in', self.options_container);
			},

			save: function(e){
				(e).stop();
				var self = this;

				Api.request('movie.edit', {
					'data': {
						'id': self.movie.get('id'),
						'default_title': self.title_select.get('value'),
						'profile_id': self.profile_select.get('value')
					},
					'useSpinner': true,
					'spinnerTarget': $(self.movie),
					'onComplete': function(){
						self.movie.quality.set('text', self.profile_select.getSelected()[0].get('text'));
						self.movie.title.set('text', self.title_select.getSelected()[0].get('text'));
					}
				});

				self.movie.slide('out');
			}

		})

		,'Refresh': new Class({

			Extends: MovieAction,

			create: function(){
				var self = this;

				self.el = new Element('a.refresh', {
					'title': 'Refresh the movie info and do a forced search',
					'events': {
						'click': self.doRefresh.bind(self)
					}
				});

			},

			doRefresh: function(e){
				var self = this;
				(e).stop();

				Api.request('movie.refresh', {
					'data': {
						'id': self.movie.get('id')
					}
				});
			}

		})

		,'Delete': new Class({

			Extends: MovieAction,

			Implements: [Chain],

			create: function(){
				var self = this;

				self.el = new Element('a.delete', {
					'title': 'Remove the movie from your wanted list',
					'events': {
						'click': self.showConfirm.bind(self)
					}
				});

			},

			showConfirm: function(e){
				var self = this;
				(e).stop();

				if(!self.delete_container){
					self.delete_container = new Element('div.delete_container', {
						'styles': {
							'line-height': self.movie.getHeight()
						}
					}).adopt(
						new Element('a.cancel', {
							'text': 'Cancel',
							'events': {
								'click': self.hideConfirm.bind(self)
							}
						}),
						new Element('span.or', {
							'text': 'or'
						}),
						new Element('a.button.delete', {
							'text': 'Delete ' + self.movie.title.get('text'),
							'events': {
								'click': self.del.bind(self)
							}
						})
					).inject(self.movie, 'top');
				}

				self.movie.slide('in', self.delete_container);

			},

			hideConfirm: function(e){
				var self = this;
				(e).stop();

				self.movie.slide('out');
			},

			del: function(e){
				(e).stop();
				var self = this;

				var movie = $(self.movie);

				self.chain(
					function(){
						self.callChain();
					},
					function(){
						Api.request('movie.delete', {
							'data': {
								'id': self.movie.get('id')
							},
							'onComplete': function(){
								movie.set('tween', {
									'onComplete': function(){
										movie.destroy();
									}
								});
								movie.tween('height', 0);
							}
						});
					}
				);

				self.callChain();

			}

		})
	};

	MovieActions.Snatched = {
		'IMBD': IMDBAction
		,'Delete': MovieActions.Wanted.Delete
	};

	MovieActions.Done = {
		'IMBD': IMDBAction
		,'Edit': MovieActions.Wanted.Edit
		,'Files': new Class({

			Extends: MovieAction,

			create: function(){
				var self = this;

				self.el = new Element('a.files', {
					'title': 'Available files',
					'events': {
						'click': self.showFiles.bind(self)
					}
				});

			},

			showFiles: function(e){
				var self = this;
				(e).stop();

				if(!self.options_container){
					self.options_container = new Element('div.options').adopt(
						$(self.movie.thumbnail).clone(),
						self.release_container = new Element('div.releases')
					).inject(self.movie, 'top');

					// Header
					new Element('div.item.head').adopt(
						new Element('span.name', {'text': 'File'}),
						new Element('span.type', {'text': 'Type'}),
						new Element('span.available', {'text': 'Available'})
					).inject(self.release_container)

					Array.each(self.movie.data.releases, function(release){

						var rel = new Element('div.release').inject(self.release_container);

						Array.each(release.files, function(file){
							new Element('div.file').adopt(
								new Element('span.name', {'text': file.path}),
								new Element('span.type', {'text': File.Type.get(file.type_id).name}),
								new Element('span.available', {'text': file.available})
							).inject(rel)
						});
					});

				}

				self.movie.slide('in', self.options_container);
			},

		})
	};

})