<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Buscribe -- Search</title>
<link rel="stylesheet" href="style.css">
<script type="application/javascript" src="script.js"></script>
</head>
<body onload="onSiteLoad()">
<div id="search_tools">
<div id="text_search_line" class="form_line">
<label for="search_text">Search</label> <input type="search" id="search_text" oninput="doSearch()"
placeholder="Supports quotes, 'or' and -.">
</div>
<div id="time_search_line" class="form_line">
<div><label for="start_time">Start time</label> <input id="start_time" type="datetime-local" autocomplete="off"></div>
<div><label for="end_time">End time</label> <input id="end_time" type="datetime-local" autocomplete="off"></div>
<div>
<label for="channel_select">Channel</label><select id="channel_select">
<option value="desertbus" selected>desertbus</option>
<option value="loadingreadyrun">loadingreadyrun</option>
</select>
</div>
<div>
<label>Time type</label>
<input type="radio" name="time_type" id="UTC_time_radio" oninput="switchToUTC()" checked autocomplete="off"><label for="UTC_time_radio">UTC Time</label>
<input type="radio" name="time_type" id="bus_time_radio" oninput="switchToBus()" autocomplete="off"><label for="bus_time_radio">Bus Time</label>
</div>
<button id="search_button" onclick="doSearch()" type="button">Search</button>
</div>
</div>
<div id="results">
</div>
<div id="help_box">
<hr>
<p>Start time and end time specify the time range.</p>
<p>Text search supports quotes ("word1 and word2") to search phrases with those words in order. The word "or" works
as an <em>or</em> operator. Dash "-" works as a <em>not</em> operator.</p>
<hr>
</div>
</body>
</html>