diff --git a/css/order.css b/css/order.css
index 53e27a9717ba55c510198c2c02f5bc1b652c5452..4e06d9c05e6a79b300ef458c29889dd5777d7eb2 100755
--- a/css/order.css
+++ b/css/order.css
@@ -2,19 +2,64 @@
text-align: left;
}
+.submenu_container {
+ width: 360px;
+ display: inline-flex;
+ margin-left: auto;
+ margin-right: auto;
+}
+
.submenu {
width: 100px;
height: 40px;
float: left;
- border: 0.5px solid black;
- margin-left: auto;
- margin-right: auto;
+ border: 0.5px solid black;
+ font-size: 15px;
+ text-align: center;
}
-.submenu_container {
- width: 360px;
- margin-left: auto;
- margin-right: auto;
+.submenu.left {
+ float: left;
+}
+
+.submenu.mid {
+ margin-left: 29px;
+ margin-right: 29px;
+}
+
+.submenu.right {
+ float: right;
+}
+
+.content {
+ width: 350px;
+ margin-top: 20px;
+ margin-left: 5px;
+ margin-right: 5px;
+}
+
+.content > div {
+ margin: 5px 0px 5px 0px;
+}
+
+.content > div > span {
+ float: left;
+}
+
+.content > div > input[type="text"] {
+ width: 200px;
+ float: right;
+}
+
+#next {
+
+}
+
+#select_driver div {
+ border: 0.5px solid black;
+}
+
+#preferred_driver {
}
#order_link {
diff --git a/order/order.php b/order/order.php
index 6eb91bd20f6f33fe8506301d51d791fe0999f86d..eed5896d824cb8c3dbb30d2e15c357f064b7854b 100644
--- a/order/order.php
+++ b/order/order.php
@@ -5,6 +5,7 @@
<link rel="stylesheet" type="text/css" href="../css/default_style.css">
<link rel="stylesheet" type="text/css" href="../css/order.css">
<link rel="stylesheet" type="text/css" href="../css/header.css">
+ <script type="text/javascript"></script>
</head>
<body>
<div class="frame">
@@ -31,23 +32,58 @@
<h1>Make an Order</h1>
<div class="submenu_container">
<a href="order/select_location.html">
- <div class="submenu">
+ <div class="submenu left">
Select Destination
</div>
</a>
<a href="order/select_driver.html">
- <div class="submenu">
- Select Driver
+ <div class="submenu mid">
+ Select a Driver
</div>
</a>
<a href="order/complete_order.html">
- <div class="submenu">
+ <div class="submenu right">
Complete Order
</div>
</a>
</div>
+ <form method="post">
+ <div class="content" id="select_destination" style="display: none;">
+ <div>
+ <span>Picking point</span>
+ <input type="text" name="picking_point">
+ </div>
+ <div>
+ <span>Destination</span>
+ <input type="text" name="destination">
+ </div>
+ <div>
+ <span>Preferred driver</span>
+ <input type="text" name="preferred_driver">
+ </div>
+ <div class="button green" id="next">
+ Next
+ </div>
+ </div>
+ <div class="content" id="select_driver" style="display: none;">
+ <div id="preferred_driver">
+ <h2>Preferred driver</h2>
+ </div>
+ <div id="other_driver">
+ <h2>Other drivers</h2>
+ </div>
+ <div id="selected_driver" style="display: none">
+ <input type="text" name="selected_driver">
+ </div>
+ </div>
+ <div class="content" id="complete_order">
+ <h2>
+ How was it?
+ </h2>
+ </div>
+ </form>
</div>
</body>
</html>
diff --git a/order/select_location.html b/order/select_location.php
old mode 100755
new mode 100644
similarity index 100%
rename from order/select_location.html
rename to order/select_location.php