<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name"viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
<link rel="stylesheet" href="static/style.css">
<script src="static/script.js" defer></script>
<title>TFSearch</title>
</head>
<body>
<script>// To fix issue with forcing page before css is loaded...</script>
<div id="site-container">
<div id="header">
<h1>TFSearch</h1>
<p><b>Intuitiv sökning efter lediga uppkörningstider</b></p>
<p>Ingen personlig data samlas, analyseras eller delas.</p>
</div>
<div id="search-container">
<input id="ssn-input" type="text" pattern="[0-9]" placeholder="Personnummer" maxlength="12" size="12"
onkeyup="ssnChanged(this)" required></input>
<select id="license-selector" required name="Körkortstyp" onchange="licenceChanged(this)" disabled>
</select>
<select id="location-selector" required name="ort" onchange="locationChanged(this)" disabled>
<option value="all">Hela Sverige</option>
</select>
<button id="searchButton" type="submit" onclick="executeSearch()" disabled>Search</button>
</div>
<div id="results-container">
<table id="results-table">
<tr>
<th>Kort</th>
<th>Pris</th>
<th>Datum</th>
<th>Tid</th>
<th>Länk</th>
</tr>
</table>
</div>
</body>
</html>