maellak · Leuteris · Oct 17, 2014 · Oct 17, 2014 · Oct 17, 2014
diff --git a/README.md b/README.md
diff --git a/check.js b/check.js
@@ -0,0 +1,10 @@
+
+function validateForm()
+{
+    var x = document.forms["searchform"]["moviename"].value;
+  if (x == "") {
+    alert( "All fields are mandatory" );
+    return false ;
+  }
+  return true ;
+}
diff --git a/display.php b/display.php
@@ -0,0 +1,34 @@
+<html>
+  <head>
+       <link rel="stylesheet" type="text/css" href="style.css">     
+  </head>	
+
+<?php
+session_start();
+if(isset($_SESSION['results_array']))
+{
+    $results_arr = $_SESSION['results_array'];
+   if(count($results_arr)>=1)
+   {
+     echo '<table id="customers">';
+     echo '<tr>';
+     echo '<th>Movies</th>';
+     echo '</tr>';
+
+       for($i=0; $i<count($results_arr); $i++)
+       {
+           if($i % 2)
+           echo '<tr><td>'.$results_arr[$i].'</td></tr>';
+           else
+           echo '<tr class="alt"><td>'.$results_arr[$i].'</td></tr>';  
+       }
+       echo '</table>';
+   }
+    else
+    {
+        echo 'There are not movies.';
+    }
+}
+?>
+
+</html>
diff --git a/form.html b/form.html
@@ -0,0 +1,28 @@
+<html>
+  <head>
+       <link rel="stylesheet" type="text/css" href="style.css">
+       <script type="text/javascript" src="check.js"></script>
+
+  </head>		
+
+<form name="searchform" action="search_movie.php" method="post" onsubmit="return validateForm();">
+  <fieldset class="search-info">
+    <label>
+      <h3> Search Movie</h3>   
+	<input id="moviename" type="text" name="moviename" value=""  placeholder="movie name"/><br>
+    <select id="category" name="category">
+        <option selected="selected" value="comedy">Comedy</option>
+        <option value="horror">Horror</option>
+        <option value="drama">Drama</option>
+      </select>
+    </label>
+
+  </fieldset>
+  <fieldset class="search-action">
+    <input class="btn" type="submit" name="search" value="Search">  
+
+  </fieldset>
+</form>
+
+
+</html>
diff --git a/movies_db.php b/movies_db.php
@@ -0,0 +1,7 @@
+<?php
+ $movies = array(
+	"comedy" => array("The Hangover","Knocked Up","Due Date"),
+	"drama" => array("The Shawshank Redemption","The Green Mile","Requiem for a Dream"),
+	"horror" => array("Halloween","The Conjuring","The Shining")
+	);
+?>
diff --git a/search_movie.php b/search_movie.php
@@ -0,0 +1,26 @@
+<?php 
+include('movies_db.php');
+session_start();
+
+
+$_SESSION['results_array'] = search($_POST['category'], $_POST['moviename']);
+
+header('Location: /php-intro-exercise/display.php');
+
+function search($category, $string)
+{
+    global $movies;
+    $results = array();
+    $movies_array = $movies[$category];
+    for($i=0; $i<count($movies_array); $i++)
+    {
+        if(stristr($movies_array[$i], $string) !== false)
+        {
+            array_push($results, $movies_array[$i]);
+        }
+    }
+    return $results;
+}
+
+
+?>
diff --git a/style.css b/style.css
@@ -0,0 +1,85 @@
+
+form {
+  display: inline-block
+  text-align: center;
+margin: 0 auto;
+  border: 1px solid #c6c7cc;
+  border-radius: 5px;
+  font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
+  overflow: hidden;
+  width: 240px;
+}
+fieldset {
+  border: 0;
+  margin: 0;
+  padding: 0;
+}
+input {
+  border-radius: 5px;
+  font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
+  margin: 0;
+}
+.search-info {
+  padding: 20px 20px 0 20px;
+}
+.search-info label {
+  color: #395870;
+  display: block;
+  font-weight: bold;
+  margin-bottom: 20px;
+}
+.search-info input {
+  background: #fff;
+  border: 1px solid #c6c7cc;
+   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
+  color: #636466;
+  padding: 6px;
+  margin-top: 6px;
+  width: 100%;
+}
+.search-action {
+  background: #f0f0f2;
+  border-top: 1px solid #c6c7cc;
+  padding: 20px;
+}
+.search-action .btn {
+  background: linear-gradient(#49708f, #293f50);
+  border: 0;
+  color: #fff;
+  cursor: pointer;
+  font-weight: bold;
+  float: left;
+  padding: 8px 16px;
+}
+.account-action label {
+  color: #7c7c80;
+  font-size: 12px;
+  float: left;
+  margin: 10px 0 0 20px;
+}
+
+#customers {
+    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+    width: 20%;
+    border-collapse: collapse;
+}
+
+#customers td, #customers th {
+    font-size: 1em;
+    border: 1px solid #98bf21;
+    padding: 3px 7px 2px 7px;
+}
+
+#customers th {
+    font-size: 1.1em;
+    text-align: center;
+    padding-top: 5px;
+    padding-bottom: 4px;
+    background-color: #A7C942;
+    color: #ffffff;
+}
+
+#customers tr.alt td {
+    color: #000000;
+    background-color: #EAF2D3;
+}