There are no notes for this item.
<header>
<div class="dso-logo-bar">
<img src="../../images/omgevingsloket.png" alt="Omgevingsloket" class="logo" />
<div class="dso-tools-bar">
<div class="dso-login">
<a href="" class="btn btn-link">
<dso-icon icon="user"></dso-icon><span>Inloggen</span>
</a>
</div>
</div>
</div>
<nav class="dso-navbar">
<div class="dso-navbar-header">
<button type="button" class="dso-navbar-toggle btn btn-default">
<dso-icon icon="bars"></dso-icon>
<span class="sr-only">Ga naar menu</span>
</button>
</div>
<ul class="dso-nav dso-nav-main">
<li>
<a href="#">
Home
</a>
</li>
<li>
<a href="#">
Vergunningcheck
</a>
</li>
<li class="dso-active">
<a href="#">
Aanvragen
</a>
</li>
<li>
<a href="#">
Regels op de kaart
</a>
</li>
<li>
<a href="#">
Mijn Omgevingsloket
</a>
</li>
</ul>
</nav>
<nav aria-label="U bevindt zich hier:">
<ol class="breadcrumb" itemscope itemtype="//schema.org/BreadcrumbList">
<li itemscope="" itemprop="itemListElement" itemtype="//schema.org/ListItem">
<a itemprop="item" href="#">
<span itemprop="name">Home</span>
</a>
<meta itemprop="position" content="1" />
</li>
<li itemscope="" itemprop="itemListElement" itemtype="//schema.org/ListItem">
<a itemprop="item" href="#">
<span itemprop="name">Zelf aan de slag</span>
</a>
<meta itemprop="position" content="2" />
</li>
<li class="active" aria-current="page" itemscope="" itemprop="itemListElement" itemtype="//schema.org/ListItem">
<span itemprop="name">Inhoud</span>
<meta itemprop="position" content="3" />
</li>
</ol>
</nav>
</header>
<main>
<form class="form-horizontal">
<h1>Object Laan van Eik en Duinen 125, Den Haag</h1>
<h2 class="dso-steps-indicator">
7. Verzoeken indienen
<span class="dso-step">
Stap 7 van 7
</span>
</h2>
<dso-alert status="warning">
Verander de instantie alleen als u zeker weet dat die niet klopt. Als u iets verandert, duurt het afhandelen van uw aanvraag mogelijk langer.
</dso-alert>
<dso-alert status="info">
We hebben van uw aanvraag meerdere verzoeken gemaakt. Hier ziet u waar u de verzoeken indient.
</dso-alert>
<div class="dso-form-buttons">
<div class="dso-aside">
<button type="button" class="btn btn-link"><span>Ergens anders indienen</span></button>
</div>
</div>
<form class="form-horizontal">
<fieldset>
<legend>Verzoek 1</legend>
<div class="form-group dso-input dso-input-text">
<div class="dso-label-container">
<label for="form-horizontal-undefined" class="control-label">
Verzoek 1:
</label>
</div>
<div class="dso-field-container">
<input type="text" id="form-horizontal-undefined" class="form-control" value="Object Laan van Eik en Duinen 125, 's-Gravenhage 1">
</div>
</div>
<div class="form-group dso-select">
<div class="dso-label-container">
<label for="form-horizontal-undefined" class="control-label">
Indienen bij:
</label>
</div>
<div class="dso-field-container">
<select id="form-horizontal-undefined" class="form-control">
<option value="delfland">Hoogheemraadschap van Delfland</option>
<option value="denhaag">Gemeente Den Haag</option>
</select>
</div>
</div>
<div class="form-group dso-static">
<div class="dso-label-container">
<span class="control-label">Soort:</span>
</div>
<div class="dso-field-container">
Aanvraag vergunning
</div>
</div>
<div class="form-group dso-static">
<div class="dso-label-container">
<span class="control-label">Bevat:</span>
</div>
<div class="dso-field-container">
Milieubelastende activiteit - Vergunning (Gemeente)
</div>
</div>
</fieldset>
<fieldset>
<legend>Verzoek 2</legend>
<div class="form-group dso-static dso-edit">
<div class="dso-label-container">
<span class="control-label">Verzoek 2:</span>
</div>
<div class="dso-field-container">
Object Laan van Eik en Duinen 125, 's-Gravenhage 1
<button type="button" class="btn btn-link"><span class="sr-only">Link button</span>
<dso-icon icon="pencil"></dso-icon>
</button>
</div>
</div>
<div class="form-group dso-select">
<div class="dso-label-container">
<label for="form-horizontal-undefined" class="control-label">
Indienen bij:
</label>
</div>
<div class="dso-field-container">
<select id="form-horizontal-undefined" class="form-control">
<option value="denhaag">Gemeente Den Haag</option>
<option value="delfland">Hoogheemraadschap van Delfland</option>
</select>
</div>
</div>
<div class="form-group dso-static">
<div class="dso-label-container">
<span class="control-label">Soort:</span>
</div>
<div class="dso-field-container">
Melding
</div>
</div>
<div class="form-group dso-static">
<div class="dso-label-container">
<span class="control-label">Bevat:</span>
</div>
<div class="dso-field-container">
Milieubelastende activiteit - Vergunning (Gemeente)
</div>
</div>
</fieldset>
</form>
<div class="dso-form-buttons">
<div class="dso-aside">
<button type="button" class="btn btn-link">
<dso-icon icon="chevron-left"></dso-icon><span>Vorige</span>
</button>
</div>
<button type="button" class="btn btn-primary"><span>Volgende</span>
<dso-icon icon="chevron-right"></dso-icon>
</button>
</div>
</form>
</main>
<footer>
<div class="row">
<div class="col-sm-6 col-md-3">
<h2>Service</h2>
<ul>
<li><a href="#">Contact</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>
<div class="col-sm-6 col-md-3">
<h2>Over deze site</h2>
<ul>
<li><a href="#">Copyright</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Cookies</a></li>
<li><a href="#">Toegankelijkheid</a></li>
</ul>
</div>
<div class="col-sm-6 col-md-3">
<h2>Volg ons ook op</h2>
<ul>
<li><a href="#">Twitter</a></li>
<li><a href="#">LinkedIn</a></li>
</ul>
</div>
</div>
</footer>
{% render '@header', {menu: menu, breadcrumbs: breadcrumbs} %}
<main>
<form class="form-horizontal">
<h1>Object Laan van Eik en Duinen 125, Den Haag</h1>
{% render '@form-steps', steps %}
{% for alert in alerts %}
<dso-alert status="{{ alert.status }}">
{{ alert.message | safe }}
</dso-alert>
{% endfor %}
<div class="dso-form-buttons">
<div class="dso-aside">
{% render '@button', {type: 'button', modifier: 'link', label: 'Ergens anders indienen'} %}
</div>
</div>
{% render '@form', form %}
<div class="dso-form-buttons">
<div class="dso-aside">
{% render '@button', {type: 'button', modifier: 'link', label: 'Vorige', icon: 'chevron-left'} %}
</div>
{% render '@button', {type: 'button', modifier: 'primary', label: 'Volgende', iconAfter: 'chevron-right'} %}
</div>
</form>
</main>
{% render '@footer' %}
menu:
modifier: main
items:
- label: Home
- label: Vergunningcheck
- label: Aanvragen
active: true
- label: Regels op de kaart
- label: Mijn Omgevingsloket
steps:
title: 7. Verzoeken indienen
step: Stap 7 van 7
alerts:
- status: warning
sronly: 'Waarschuwing:'
message: >
Verander de instantie alleen als u zeker weet dat die niet klopt. Als u
iets verandert, duurt het afhandelen van uw aanvraag mogelijk langer.
- status: info
sronly: 'Opmerking:'
message: >
We hebben van uw aanvraag meerdere verzoeken gemaakt. Hier ziet u waar u
de verzoeken indient.
form:
formModifier: form-horizontal
fieldsets:
- legend: Verzoek 1
groups:
- inputType: input
type: text
label: 'Verzoek 1:'
value: Object Laan van Eik en Duinen 125, 's-Gravenhage 1
- inputType: select
label: 'Indienen bij:'
options:
- value: delfland
label: Hoogheemraadschap van Delfland
- value: denhaag
label: Gemeente Den Haag
- inputType: static
label: 'Soort:'
value: Aanvraag vergunning
- inputType: static
label: 'Bevat:'
value: Milieubelastende activiteit - Vergunning (Gemeente)
- legend: Verzoek 2
groups:
- inputType: static
label: 'Verzoek 2:'
value: Object Laan van Eik en Duinen 125, 's-Gravenhage 1
edit: true
- inputType: select
label: 'Indienen bij:'
options:
- value: denhaag
label: Gemeente Den Haag
- value: delfland
label: Hoogheemraadschap van Delfland
- inputType: static
label: 'Soort:'
value: Melding
- inputType: static
label: 'Bevat:'
value: Milieubelastende activiteit - Vergunning (Gemeente)