extends layout
block head
link(rel='stylesheet', href='/stylesheets/style.css')
link(rel='stylesheet', href='/stylesheets/print.css', media='print')
link(rel='stylesheet', href='https://fonts.googleapis.com/icon?family=Material+Icons')
link(rel='stylesheet', href='https://code.getmdl.io/1.2.1/material.indigo-pink.min.css')
script(defer='', src='https://code.getmdl.io/1.2.1/material.min.js')
block content
form#search
.top-bar
.title
.logo
.text Rooster
.input-wrapper
input(type='search', placeholder='Zoeken', autocomplete='off')
button.material-icons.fav(tabindex='0', type='button')
.tooltip
span Voer hier een docentafkorting, klas, leerlingnummer of lokaalnummer in.
button#overflow-button(type='button')
i.material-icons
ul.mdl-menu.mdl-menu--bottom-right.mdl-js-menu.mdl-js-ripple-effect(for='overflow-button')
a(href='http://www.meetingpointmco.nl/Roosters-AL/doc/basisroosters/default.htm')
li.mdl-menu__item Basis rooster gebruiken
a(href='http://www.meetingpointmco.nl/Roosters-AL/doc/')
li.mdl-menu__item Oud rooster gebruiken
a(href='javascript:window.print()').print-page
li.mdl-menu__item.mdl-menu__item--full-bleed-divider#print-page Pagina printen
li.mdl-menu__item(disabled) Gemaakt door Noah Loomans
.autocomplete-wrapper
ul.autocomplete
#week-selector
#search-space-filler
.week-wrapper
button(type='button').material-icons
span.current
span.no-print Loading...
span.print
button(type='button').material-icons
#schedule
block scripts
script.
!{flagsStr}!{usersStr}
script(src='/javascripts/bundle.js')