<h2>Flight Search</h2>
<form class="flight-search">
    <input type="hidden" name="type" value="simple">

    <div class="form-column left-sm">
        <div class="form-row">
            <label><input type="radio" name="flight-type" value="departures" <% if APIQuery.query_leg == 'D' %> checked<% end_if %> tabindex="1"> Departures</label>
            &nbsp;|&nbsp;
            <label><input type="radio" name="flight-type" value="arrivals" <% if APIQuery.query_leg == 'A' %> checked<% end_if %> tabindex="2"> Arrivals</label>
            <a href="#" class="float right" tabindex="3">See all flights</a>
        </div><!-- .form-row -->
        <div class="form-row background-purple">
            <div class="search-right">
                <button type="submit" class="btn btn-baby-blue btn-submit" tabindex="5">Search</button>
            </div>
            <div class="search-left">
                <input id="search_flight" name="search_flight" value="$APIQuery.search_flight" class="" tabindex="4">
            </div>
        </div><!-- .form-row -->
    </div><!-- .form-column.left-sm -->

    <div class="form-column right-sm advanced-options">
        <a href="#collapseAdvancedOptions" data-toggle="collapse" aria-expanded="false" aria-controls="collapseAdvancedOptions" tabindex="6">Show Advanced Options</a>
    </div><!-- .form-column.right-sm -->

    <div id="clearboth"></div>
</form>
<form class="flight-search">
    <input type="hidden" name="type" value="advanced">

    <div id="collapseAdvancedOptions" class="collapse">
        <div class="col-md-offset-3 col-md-6">
            <div class="input-group">
                <label>Search From</label>
                <select name="query_date1" id="query_date1">
                    <% loop $DateList %>
                    <option value="$value" <% if $APIQuery.date1 == $value %> selected<% end_if %>>$title</option>
                    <% end_loop %>
                </select>
                <label>To</label>
                <select name="query_date2" id="query_date2">
                    <% loop $DateList %>
                    <option value="$value" <% if $APIQuery.date2 == $value %> selected<% end_if %>>$title</option>
                    <% end_loop %>
                </select>
            </div>
            <div class="input-group">
                <label id="dest_or_source">Destination</label>
                <select name="query_city" id="query_city">
                    <option value="">All Locations</option>
                    <% loop $DestinationList %>
                    <option value="$value" <% if $APIQuery.city == $value %> selected<% end_if %>>$title ($value)</option>
                    <% end_loop %>
                </select>
                <label>Gate</label>
                <select name="query_gate" id="query_gate">
                    <option value="">All Gates</option>
                    <% loop $GateList %>
                    <option value="$value" <% if $APIQuery.gate == $value %> selected<% end_if %>>$title</option>
                    <% end_loop %>
                </select>
            </div>
            <div class="input-group">
                <label>Airlines</label>
                <select name="query_airline" id="query_airline">
                    <option value="">All Airlines</option>
                    <% loop $AirlineList %>
                    <option value="$value" <% if $APIQuery.airline == $value %> selected<% end_if %>>$title ($value)</option>
                    <% end_loop %>
                </select>
                <label>Sort By</label>
                <select name="sortby" id="sortby">
                    <% loop $SortList %>
                    <option value="$value" <% if $APIQuery.sort == $value %> selected="selected"<% end_if %>>$title</option>
                    <% end_loop %>
                </select>
                My SortDir: <% $APIQuery.sortdir %><br>
                <button type="button" id="sortDirBtn"><% if $APIQuery.sortdir == 'asc' %>First->Last<% else %>Last->First<% end_if %></button>
                <input type="hidden" id="sortdir" name="sortdir" value="<% $APIQuery.sortdir %>" />
            </div>
            <div class="input-group">
                <input type="submit" value="Search" />
                <label># Results</label>
                <select name="results_per_page" id="results_per_page">
                    <% loop $ResultsPerPageList %>
                    <option value="$value" <% if $APIQuery.results_per_page == $value %> selected="selected"<% end_if %>>$title</option>
                    <% end_loop %>
                </select>
            </div>
        </div>
    </div>
</form><!-- .flight-search -->

<hr>

$FlightSearchForm
<% if $FlightResults %>
<h2>Search Results</h2>
<% loop $FlightResults %>
<div class="table-title">$date</div>
<table class="flight-striped">
    <thead>
    <tr>
        <th><a href="#" class="sorted descending">Scheduled Time</a></th>
        <th><a href="#">Departing To</a></th>
        <th><a href="#">Flight #</a></th>
        <th><a href="#">Status</a></th>
        <th><a href="#">Gate</a></th>
    </tr>
    </thead>
    <tbody>
    <% loop $flights %>
    <tr>
        <td>$schedule</td>
        <td>$leg</td>
        <td>$flightNumber</td>
        <td>$status</td>
        <td>$gate</td>
    </tr>
    <% end_loop %>
    </tbody>
</table>
<% end_loop %>
<% end_if %>