Only show "Display Existing Movies" toggle after selecting a folder

src/UI/AddMovies/AddMoviesLayout.js

@@ -13,7 +13,11 @@ module.exports = Marionette.Layout.extend({
 		template : 'AddMovies/AddMoviesLayoutTemplate',
 
 		regions : {
-				workspace : '#add-movies-workspace'
+				workspace : '#add-movies-workspace',
+		},
+
+		ui : {
+			$existing : '#show-existing-movies-toggle'
 		},
 
 		events : {
@@ -32,8 +36,6 @@ module.exports = Marionette.Layout.extend({
 				RootFolderCollection.fetch().done(function() {
 						RootFolderCollection.synced = true;
 				});
-
-
 		},
 
 		_toggleExisting : function(e) {
@@ -45,12 +47,15 @@ module.exports = Marionette.Layout.extend({
 		},
 
 		onShow : function() {
+
 				this.workspace.show(new AddMoviesView());
+				this.ui.$existing.hide();
 		},
 
 
 		_folderSelected : function(options) {
 				vent.trigger(vent.Commands.CloseModalCommand);
+				this.ui.$existing.show();
 				this.workspace.show(new ExistingMoviesCollectionView({ model : options.model }));
 		},
 
@@ -65,6 +70,7 @@ module.exports = Marionette.Layout.extend({
 		},
 
 		_addFromList : function() {
+			this.ui.$existing.hide();
 			this.workspace.show(new AddFromListView());
 		}
 });

src/UI/AddMovies/AddMoviesLayoutTemplate.hbs

@@ -13,6 +13,7 @@
 <div class="row">
 	<div class="col-md-12">
 		<div class="form-horizontal" style="margin-top: 15px;">
+			<div id="show-existing-movies-toggle">
 				<div class="form-group" style="margin-bottom: 0px;">
 					<label class="col-sm-3 control-label">Display Existing Movies</label>
 
@@ -37,6 +38,7 @@
 			</div>
 		</div>
 	</div>
+</div>
 <div class="row">
 		<div class="col-md-12">
 				<div id="add-movies-workspace"></div>