Trip Planner

<!-- Trip Planner -->

<div id="planner-body">
	<form name="f" action="https://jump.trilliumtransit.com/redirect.php">
		<input type="hidden" name="sort" value="walk">
		<input type="hidden" name="agency" value="999">
		<div class="form-row address-row">
			<div class="form-group">
				<label for="saddr">From</label>
				<input type="text" name="saddr" id="saddr" placeholder="Address or Intersection" required="required">
			</div>
			<div class="form-group">
				<label for="daddr">To</label>
				<input type="text" name="daddr" id="daddr" placeholder="Address or Intersection" required="required">
			</div>
		</div>
		<div class="form-row datetime">
			<div class="form-group select">
				<label for="ttype" class="screen-reader-text">Departure options</label>
				<select id="ttype" name="ttype">
					<option value="now">Leave Now</option>
					<option value="dep">Depart After</option>
					<option value="arr">Arrive By</option>
				</select>
			</div>
			<div id="datetime-select">
				<div class="form-group time">
					<label for="ftime">Time</label>
					<input id="ftime" name="time" type="text">
				</div>
				<div class="form-group date">
					<label for="fdate">Date</label>
					<input id="fdate" name="date" type="text">
				</div>
			</div>
			<div id="default-time" class="form-group" style="display:none;">
				<?php get_svg_icon('clock'); ?> Departing after <span class="time"></span>
			</div>
			<button class="btn-submit" type="submit">Get Directions <?php get_svg_icon('arrow-right'); ?></button>
		</div>
	</form>
</div>