<!DOCTYPE html>
<html>
	<head>
		<title>uBus | Bus Schedules</title>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="icon" type="image/x-icon" href="img/favicon.ico">
		<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.js"></script>
		<script src="http://www.parsecdn.com/js/parse-1.6.6.min.js"></script>
	</head>
	
	<body>
		<header>
			<nav>
				<a href="index.html"><img src="img/logo.png" width="40px"></a>

				<a href="javascript:void(0);"><i class="fa fa-2x  fa-plus" style="color:white; padding-top:5px; padding-right:10px;"></i></a>
				<a href="javascript:void(0);"><i class="fa fa-2x fa-search" style="color:white; padding-top:5px; padding-right:10px;"></i></a>
			</nav>
		</header>

		<div class="wrapper">
			<div class="title">
				<img src="img/scheduling.png" width="40px">
				<h1>Bus Schedules</h1>
			</div>
			<div class="card">
				<div class="row">
					<img class="img-placeholder" src="img/scheduling.png" width="60px">
					<form method="post" class="card_schedule" id="create_schedule">
						<fieldset>
							<label for="etd" style="display:block;">Starting Terminal</label>
							<input type="text" id="initial" placeholder="Current Terminal">
						</fieldset>
						<fieldset>
							<label for="etd" style="display:block;">Destination</label>
							<input type="text" id="destination" placeholder="End Terminal">
						</fieldset>
						<fieldset>
							<label for="etd" style="display:block;">ETD</label>
							<input type="datetime-local" id="etd" placeholder="hello">
						</fieldset>
						<fieldset>
							<label for="etd" style="display:block;">ETA</label>
							<input type="datetime-local" id="eta" placeholder="hello">
						</fieldset>
						<fieldset>
							<label><i class="fa fa-4x fa-bus" style="margin-left:10px;"></i>
							<input type="text" id="bus_company" placeholder="Company" size="10" style="margin-left:15px;"></label>
							<label>
							<input type="text" id="plate_number" placeholder="Plate Number" size="10"></label>
						</fieldset>
						<fieldset>
							<label><i class="fa fa-4x fa-users"></i>
							<input type="text" id="seats_available" placeholder="Seats Available" size="10"></label>
						</fieldset>
						<fieldset>
							<label><i class="fa fa-4x fa-money"></i>
							<input type="text" id="fare" placeholder="Fare" size="10"></label>
						</fieldset>
						<fieldset style="margin-top: 40px;">
							<input type="submit">
						</fieldset>
					</form>
				</div>
			</div>
			<div class="schedules"></div>
		</div>
		<script type="text/javascript" src="js/app.js"></script>
	</body>
</html>