{% set htmlParameters = {
		'isStyleguide' : false,
		'bodyClass': '',
		'rootPath' : '/',
		'pageName' : 'example page',
		'specificStyleguide': 'verslagtool'
	}
%}
{% include "general/_includes/_html_head.njk" %}

<main class="o-main">

	<div class="o-header">

		<h1 class="o-header__brand"><a href="#"><span class="go-logo">GO!</span> Verslagtool</a></h1>

		<a href="#" id="toggle_nav" class="o-header__toggle_mobile_nav"><span class="top"></span><span class="middle"></span><span class="bottom"></span></a>

		<nav class="o-header__sidebar">

			<h6 class="o-header__sidebar__section_title">Verslag</h6>

			<ul class="o-header__sidebar__nav">
				<li>
					<a href="index.html" class="o-header__sidebar__nav_item"><span class="icon-trajecten"></span>Trajecten</a>
				</li>
				<li>
					<a href="interventies.html" class="o-header__sidebar__nav_item"><span class="icon-interventies"></span>Interventies</a>
				</li>
			</ul>

			<h6 class="o-header__sidebar__section_title">Beheer</h6>

			<ul class="o-header__sidebar__nav">
				<li>
					<a href="trajectsoorten.html" class="o-header__sidebar__nav_item o-header__sidebar__nav_item--active"><span class="icon-traject-soort"></span>Trajectsoorten</a>
				</li>
			</ul>

			{% include "verslagtool/organisms/_sidebar_contact.njk" %}
		</nav>

	</div>

	<div class="o-main__body">

		<header class="o-main__header">
			<div class="o-main__header_internal">
				<h3 class="o-main__header__title">Traject soorten</h3>
			</div>
		</header>

		<div class="o-main__content">
			<div class="o-main__content_container">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">

							<div class="a-input">
								<label for="input-select">Type</label>
								<div class="a-input__field-holder">
									<select name="input-selected" id="input-select">
										<option value="" selected="">Alle</option>
										<option value="1">Option 1</option>
										<option value="2">Option 2</option>
										<option value="3">Option 3</option>
										<option value="4" disabled="">Option 4 disabled</option>
										<option value="5">Option 5</option>
									</select>
									<span class="icon-arrow-down"></span>
								</div>
							</div>

							{% include "verslagtool/organisms/treeview.njk" %}

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</main>

{% include "general/_includes/_html_footer.njk" %}