Forms done, Processing to be written

index.php

@@ -38,18 +38,18 @@
     <nav class="navbar navbar-inverse navbar-fixed-top">
         <div class="container">
             <div class="navbar-header">
-                <button type="button" class="navbar-toggle collapsed pull-left" data-toggle="collapse" data-target="#navbar" aria-expanded="true" aria-controls="navbar">
+                <button type="button" class="navbar-toggle collapsed pull-left" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 
                     <span class="icon-bar"></span>
                     <span class="icon-bar"></span>
                     <span class="icon-bar"></span>
                 </button>
-                <a class="navbar-brand " href=".">Trip Planner</a>
+                <a class="navbar-brand " href=".">Trip Planner </a>
             </div>
             <div id="navbar" class="navbar-collapse collapse" aria-hidden="true">
                 <ul class="nav navbar-nav">
                     <li class="active"><a href=".">Home</a></li>
-                    <li><a href="" data-toggle="modal" data-target="#about">About Me</a></li>
+                    <li><a href="" data-toggle="modal" data-target="#about">About Developer</a></li>
                 </ul>
             </div><!--/.nav-collapse -->
         </div>
@@ -59,6 +59,132 @@
     <!--Main Content -->
     <div class="container">
         <div class="row">
+            <br/><br/><br/>
+            <div class="col-sm-4 col-sm-offset-8"><button class="btn btn-info btn-block btn-lg" id="btntgl" onclick="toggle()">Toggle between Direct or Multiway Trips</button></div>
+            <br/>
+            <!--One Way Trip Form -->
+            <div id="OnewayTrip" class="col-md-8 col-lg-6 col-sm-10 col-xs-10 col-md-offset-2 col-lg-offset-3 col-sm-offset-1 col-xs-offset-1">
+                <h2>One Way Trip Form</h2>
+                <form method="post" action="query_trip_oneway.php" role="form" class="form-control-static">
+                    <!-- Starting Point -->
+                    <div class="form-group">
+                        <label for="startpoint">Departing Station</label>
+                        <select id="startpoint" class="form-control">
+                            <?php
+                            //get stations to select as a dropdown
+                            $q1 = "select * from Stations;";//query
+                            $res1 = mysqli_query($connection,$q1);
+                            $num = mysqli_num_rows($res1);
+                            for($i=0;$i<$num;$i++){
+                                $row = mysqli_fetch_array($res1);
+                                echo '<option>'. $row["Name"].'</option>';
+                            }
+                            ?>
+                        </select>
+                    </div>
+
+                    <!-- End Point -->
+                    <div class="form-group">
+                        <label for="endpoint">Destination</label>
+                        <select id="endpoint" class="form-control">
+                            <?php
+                            //get stations to select as a dropdown
+                            $q1 = "select * from Stations;";//query
+                            $res1 = mysqli_query($connection,$q1);
+                            $num = mysqli_num_rows($res1);
+                            for($i=0;$i<$num;$i++){
+                                $row = mysqli_fetch_array($res1);
+                                echo '<option>'. $row["Name"].'</option>';
+                            }
+                            ?>
+                        </select>
+                    </div>
+
+                    <!-- Date of Travel -->
+                    <div class="form-group">
+                        <label for="date_travel">Date of Travel</label>
+                        <input type="date" class="form-control" id="exampleInputPassword1" placeholder="Enter Date in mm/dd/yyyy format">
+                    </div>
+
+                    <!-- Time -->
+                    <div class="form-group">
+                        <label for="dep_time">Departing time</label>
+                        <input type="time" class="form-control" id="exampleInputPassword1" placeholder="Enter Time of Departure in hh:mm XX where XX can be AM or PM">
+                    </div>
+                    <!-- Include Return Journey option-->
+                    <div class="checkbox">
+                        <label>
+                            <input type="checkbox">Plan for Return Journey also
+                        </label>
+                    </div>
+                    <button type="submit" class="btn btn-primary btn-lg pull-right">Submit</button>
+                    <button type="reset" class="btn btn-danger btn-lg pull-left">Reset</button>
+                </form>
+            </div>
+
+            <br/><br/>
+
+
+            <!-- Same Thing Applied for Multiway Trip, hidden by Default and Background color Changed-->
+            <div id="MultiwayTrip" class=" col-md-8 col-lg-6 col-sm-10 col-xs-10 col-md-offset-2 col-lg-offset-3 col-sm-offset-1 col-xs-offset-1 well" >
+                <h2>Multi Way Trip Form</h2>
+                <form method="post" action="query_trip_mutliway.php" role="form" class="form-control-static">
+                    <!-- Starting Point -->
+                    <div class="form-group">
+                        <label for="startpoint">Departing Station</label>
+                        <select id="startpoint" class="form-control">
+                            <?php
+                            //get stations to select as a dropdown
+                            $q1 = "select * from Stations;";//query
+                            $res1 = mysqli_query($connection,$q1);
+                            $num = mysqli_num_rows($res1);
+                            for($i=0;$i<$num;$i++){
+                                $row = mysqli_fetch_array($res1);
+                                echo '<option>'. $row["Name"].'</option>';
+                            }
+                            ?>
+                        </select>
+                    </div>
+
+                    <!-- End Point -->
+                    <div class="form-group">
+                        <label for="endpoint">Destination</label>
+                        <select id="endpoint" class="form-control">
+                            <?php
+                            //get stations to select as a dropdown
+                            $q1 = "select * from Stations;";//query
+                            $res1 = mysqli_query($connection,$q1);
+                            $num = mysqli_num_rows($res1);
+                            for($i=0;$i<$num;$i++){
+                                $row = mysqli_fetch_array($res1);
+                                echo '<option>'. $row["Name"].'</option>';
+                            }
+                            ?>
+                        </select>
+                    </div>
+
+                    <!-- Date of Travel -->
+                    <div class="form-group">
+                        <label for="date_travel">Date of Travel</label>
+                        <input type="date" class="form-control" id="exampleInputPassword1" placeholder="Enter Date in mm/dd/yyyy format">
+                    </div>
+
+                    <!-- Time -->
+                    <div class="form-group">
+                        <label for="dep_time">Departing time</label>
+                        <input type="time" class="form-control" id="exampleInputPassword1" placeholder="Enter Time of Departure">
+                    </div>
+                    <!--  Return Journey option not included-->
+
+                    <button type="submit" class="btn btn-primary btn-lg pull-right">Submit</button>
+                    <button type="reset" class="btn btn-danger btn-lg pull-left">Reset</button>
+                </form>
+            </div>
+
+
+
+            </div>
+
         </div>
     </div>
     <!--Main Content Ends-->
@@ -85,7 +211,15 @@
 
     <!--jQuery-->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-
+    <script>
+        function toggle(){
+            $('#OnewayTrip').toggle();
+            $('#MultiwayTrip').toggle();
+        }
+        $(document).ready(function(){
+            $('#MultiwayTrip').hide('0');
+        })
+    </script>
     <!-- Bootstrap Javascript files-->
     <script src="bootstrap/js/bootstrap.min.js"></script>
     </body>

queries.txt

@@ -0,0 +1,5 @@
+Get Train Number, Name, Starting and Ending Places
+	SELECT t.number, t.name, s.Name, s2.Name FROM trains as t, Stations as s,Stations as s2  WHERE t.start_stn = s.St_id and t.end_stn = s2.St_id
+One way trip - Replace ** by required station Ids
+	SELECT v.number,t.name,s.Name,v.Days,v.time,s2.Name,v2.Days,v2.time FROM visit as v, visit as v2,trains as t, Stations as s,Stations as s2 where v.St_id=** and v2.St_id=** and v.hop_index<v2.hop_index and v.number=v2.number and v.type=1 and v2.type=0 and t.number=v.number and s.St_id = v.St_id and s2.St_id = v2.St_id
+

queries.txt~

@@ -0,0 +1,4 @@
+Get Train Number, Name, Starting and Ending Places
+	SELECT t.number, t.name, s.Name, s2.Name FROM trains as t, Stations as s,Stations as s2  WHERE t.start_stn = s.St_id and t.end_stn = s2.St_id
+One way trip - Replace ** by required station Ids
+	SELECT v.number,t.name,s.Name,v.Days,v.time,s2.Name,v2.Days,v2.time FROM visit as v, visit as v2,trains as t, Stations as s,Stations as s2 where v.St_id=** and v2.St_id=** and v.hop_index<v2.hop_index and v.number=v2.number and v.type=1 and v2.type=0 and t.number=v.number and s.St_id = v.St_id and s2.St_id = v2.St_id

query_trip_multiway.php

@@ -0,0 +1,87 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: ramu
+ * Date: 31/12/14
+ * Time: 11:43 PM
+ */
+$host="localhost";
+$uname="root";//uname => username
+$pwd="";//pwd => password
+$dbname="trip_planner";//dbname => database name
+$connection = mysqli_connect($host,$uname,$pwd,$dbname);
+
+//check for errors during connection
+if(mysqli_connect_error($connection)) {
+    echo "Failed to establish connection with database. Please try again or contact administrator.";
+    exit();
+}
+else{
+    //proceed to display options
+
+}
+?>
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>Trip Planner</title>
+
+    <!-- Bootstrap CSS -->
+    <link href = "bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
+
+</head>
+<body>
+<!-- Navigation bar -->
+<nav class="navbar navbar-inverse navbar-fixed-top">
+    <div class="container">
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed pull-left" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand " href=".">Trip Planner </a>
+        </div>
+        <div id="navbar" class="navbar-collapse collapse" aria-hidden="true">
+            <ul class="nav navbar-nav">
+                <li class="active"><a href=".">Home</a></li>
+                <li><a href="" data-toggle="modal" data-target="#about">About Developer</a></li>
+            </ul>
+        </div><!--/.nav-collapse -->
+    </div>
+</nav>
+<!-- Navigation bar ends-->
+
+<!--Main Content -->
+<div class="container">
+    <div class="row">
+    </div>
+</div>
+<!-- Modal Window for info about me -->
+<div class="modal fade" aria-hidden="true" id="about" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button class="close" aria-hidden="true" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> </button>
+                <h3 class="modal-title">About the developer</h3>
+
+            </div>
+            <div class="modal-body">
+                <div class="well"><h4 class="h4">Ram Kumar K R</h4> Information Science Branch, <br/> R V College of Engineering</div>
+            </div>
+            <div class="modal-footer">
+                <a role="button" href="mailto:[email protected]" class="btn btn-lg btn-info"><span class="glyphicon glyphicon-envelope"></span>&nbsp;&nbsp;Send a message</a>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- Modal Window for info about me ends-->
+
+<!--jQuery-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
+<!-- Bootstrap Javascript files-->
+<script src="bootstrap/js/bootstrap.min.js"></script>
+</body>
+</html>

query_trip_oneway.php

@@ -0,0 +1,86 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: ramu
+ * Date: 31/12/14
+ * Time: 11:42 PM
+ */
+$host="localhost";
+$uname="root";//uname => username
+$pwd="";//pwd => password
+$dbname="trip_planner";//dbname => database name
+$connection = mysqli_connect($host,$uname,$pwd,$dbname);
+
+//check for errors during connection
+if(mysqli_connect_error($connection)) {
+    echo "Failed to establish connection with database. Please try again or contact administrator.";
+    exit();
+}
+else{
+    //proceed to display options
+
+}
+?>
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>Trip Planner</title>
+
+    <!-- Bootstrap CSS -->
+    <link href = "bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
+
+</head>
+<body>
+<!-- Navigation bar -->
+<nav class="navbar navbar-inverse navbar-fixed-top">
+    <div class="container">
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed pull-left" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand " href=".">Trip Planner </a>
+        </div>
+        <div id="navbar" class="navbar-collapse collapse" aria-hidden="true">
+            <ul class="nav navbar-nav">
+                <li class="active"><a href=".">Home</a></li>
+                <li><a href="" data-toggle="modal" data-target="#about">About Developer</a></li>
+            </ul>
+        </div><!--/.nav-collapse -->
+    </div>
+</nav>
+<!-- Navigation bar ends-->
+
+<!--Main Content -->
+<div class="container">
+    <div class="row">
+    </div>
+</div>
+<!-- Modal Window for info about me -->
+<div class="modal fade" aria-hidden="true" id="about" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button class="close" aria-hidden="true" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> </button>
+                <h3 class="modal-title">About the developer</h3>
+
+            </div>
+            <div class="modal-body">
+                <div class="well"><h4 class="h4">Ram Kumar K R</h4> Information Science Branch, <br/> R V College of Engineering</div>
+            </div>
+            <div class="modal-footer">
+                <a role="button" href="mailto:[email protected]" class="btn btn-lg btn-info"><span class="glyphicon glyphicon-envelope"></span>&nbsp;&nbsp;Send a message</a>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- Modal Window for info about me ends-->
+
+<!--jQuery-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+<!-- Bootstrap Javascript files-->
+<script src="bootstrap/js/bootstrap.min.js"></script>
+</body>
+</html>