{{define "title"}}
Sprechstunden
{{- range $course := .Courses -}}
{{- if eq $course.Id $.SelectedCourse}} für {{$course.Name}}{{- end -}}
{{- end -}}
{{- range $room := .Rooms -}}
{{- if eq $room.Id $.SelectedRoom}} in Raum {{$room.Name}}{{- end -}}
{{- end -}}
{{end}}

{{define "content"}}
<div id="queryMask" class="col-md-8 offset-md-2">
  <form method="GET" action="/getByCourse">
    <div class="input-group mb-3">
      <div class="form-floating col-lg-8">
        <select class="form-control form-select" name="veranstaltung" id="veranstaltung" size="1" onchange="document.forms[0].submit()">
          <option value="">–– auswählen ––</option>
          {{range $course := .Courses}}
          <option value="{{$course.Id}}"{{if eq $course.Id $.SelectedCourse}} selected{{end}}>{{$course.Name}}</option>
          {{end}}
        </select>
        <label for="veranstaltung">Veranstaltung</label>
      </div>
      <noscript>
        <button class="btn btn-sm btn-outline-secondary col-lg-4" type="submit">Los!</button>
      </noscript>
    </div>
  </form>
  <form method="GET" action="/getByRoom">
    <div class="input-group mb-3">
      <div class="form-floating">
        <select class="form-control form-select" name="raum" id="raum" size="1" onchange="document.forms[1].submit()">
          <option value="">–– auswählen ––</option>
          {{range $room := .Rooms}}
          <option value="{{$room.Id}}"{{if eq $room.Id $.SelectedRoom}} selected{{end}}>{{$room.Name}}</option>
          {{end}}
        </select>
        <label for="raum">Raum</label>
      </div>
      <noscript>
        <button class="btn btn-outline-secondary col-lg-4" type="submit">Los!</button>
      </noscript>
    </div>
  </form>
</div>
<div id="timetable" style="overflow-x: scroll;">
  {{.Timetable}}
</div>
{{end}}