Form has optiona for searching the database or IMDB

dist/index.html

@@ -10,6 +10,8 @@ <h1>VideoStore</h1>
     <section>
       <form class='search-form'>
         <input type='text' name='search' placeholder='Search' />
+        <input type="radio" id='inventory' name="search-type" value="search inventory" checked><label for="inventory">Search Inventory</label>
+        <input type="radio" id='imdb' name="search-type" value="search IMDB"><label for="imdb">Search IMDB</label>
         <input type='submit' value='Search' class='button' id="searchButton"></input>
       </form>
     </section>

src/views/movie_list_view.js

@@ -25,24 +25,29 @@ const MovieListView = Backbone.View.extend({
 },
 submit(event) {
   event.preventDefault();
+
+  const searchType = this.$('input[name=search-type]:checked').val();
   const searchTerm = this.$('input[name=search]').val().toUpperCase();
-  console.log(searchTerm);
-  const movieList = this.model.models;
-  console.log(movieList);
-  const filteredMovies = movieList.filter(movie => movie.get('upperCaseTitle').includes(searchTerm));
-  console.log(filteredMovies);
-  this.$('#list').empty();
-
-  filteredMovies.forEach((movie) => {
-    const movieView = new MovieView({
-      model: movie,
-      template: this.template,
-      tagName: 'li',
-      className: 'movie',
+
+  if (searchType === 'search inventory') {
+    const movieList = this.model.models;
+    const filteredMovies = movieList.filter(movie => movie.get('upperCaseTitle').includes(searchTerm));
+
+    this.$('#list').empty();
+
+    filteredMovies.forEach((movie) => {
+      const movieView = new MovieView({
+        model: movie,
+        template: this.template,
+        tagName: 'li',
+        className: 'movie',
+      });
+      this.$('#list').append(movieView.render().$el);
     });
-    this.$('#list').append(movieView.render().$el);
-  });
-  return this;
+    return this;
+  } else {
+    console.log('Searching Imdb...');
+  }
 
 },
   events: {