<html>
<a href="{{ path('fakebus_index') }}">FakeBus examples</a>
<h1>FakeBusCookie</h1>
<form>
Departure
<select name="dep">
<option></option>
<option value="PAR">Paris</option>
<option value="LON">London</option>
<option value="BXL">Bruxelles</option>
</select>
Arrival
<select name="arr">
<option></option>
<option value="PAR">Paris</option>
<option value="LON">London</option>
<option value="BXL">Bruxelles</option>
</select>
Date
<input type="date" name="date"/>
<input type="button" value="Search" id="search">
</form>
<script>
document.getElementById("search").onclick = function () {
var dep = document.querySelector('select[name=dep]').value;
var arr = document.querySelector('select[name=arr]').value;
var date = document.querySelector('input[name=date]').value;
if (dep && arr && date) {
fetch("{{ path('fakebus_cookie_init') }}?dep=" + dep + '&arr=' + arr + '&date=' + date)
.then(function () {
document.location = "{{ path('fakebus_cookie_result') }}"
});
} else {
alert('departure or arrival or date is missing');
}
};
</script>
</html>