<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"><svg class="di di-user">
                        <use href="../../dso-icons.svg#user" />
                    </svg><span>Inloggen</span></a>
            </div>
        </div>
    </div>
    <nav class="dso-navbar">
        <div class="dso-navbar-header">
            <button type="button" class="dso-navbar-toggle">
                <svg class="di di-bars">
                    <use href="../../dso-icons.svg#bars" />
                </svg> <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>
                <a href="#">
                    Aanvragen
                </a>
            </li>
            <li class="dso-active">
                <a href="#">
                    Regels op de kaart
                </a>
            </li>
            <li>
                <a href="#">
                    Mijn Omgevingsloket
                </a>
            </li>
        </ul>
    </nav>
    <ol class="breadcrumb">
        <li>
            <a href="#">Home</a>
        </li>
        <li class="active">Checken</li>
    </ol>
</header>

<main>
    <div class="clearfix">
        <h1>Object Laan van Eik en Duinen 125, Den Haag</h1>
        <h2 class="dso-steps-indicator">
            5. Documenten

            <span class="dso-step">
                Stap 5 van 7
            </span>
        </h2>
    </div>
    <div class="dso-accordion">
        <div class="dso-accordion-section dso-open dso-nested-accordion">
            <div class="dso-section-handle">
                <a href="#">Veehouderij</a>
            </div>
            <div class="dso-section-body">
                <div class="dso-accordion-section dso-open">
                    <div class="dso-section-handle">
                        <a href="#">Beschrijving installatie en activiteiten</a>
                    </div>
                    <div class="dso-section-body">
                        <form class="form-horizontal">
                            <fieldset class="dso-form-fields">
                                <legend class="sr-only">Vertical Form</legend>
                                <fieldset>
                                    <legend>Bijlagen</legend>
                                    <div class="form-group dso-files">
                                        <div class="dso-description dso-rich-content">
                                            Geef een tekening van de nieuwe situatie in 1:100. Een situatietekening geeft een schets van de bestaande en de nieuwe situatie met daarop duidelijk de maatvoering en de schaalaanduiding (1:100).
                                        </div>
                                        <ul class="dso-filelist">
                                            <li>
                                                <div class="dso-filename">
                                                    Schetsen_en_foto’s_1.pdf
                                                </div>
                                                <div class="dso-confidential dso-selectable">
                                                    <input type="checkbox" id="input-confirm-0" name="" value="" />
                                                    <label for="input-confirm-0">
                                                        Vertrouwelijk
                                                    </label>
                                                </div>
                                                <button type="button" class="btn btn-link dso-remove">
                                                    <span>Verwijder document</span>
                                                </button>
                                            </li>
                                            <li>
                                                <div class="dso-filename">
                                                    Bijlagen_hoveniersbedrijf_de_heggeschaar_hoveniers.jpg
                                                </div>
                                                <div class="dso-confidential dso-selectable">
                                                    <input type="checkbox" id="input-confirm-1" name="" value="" checked />
                                                    <label for="input-confirm-1">
                                                        Vertrouwelijk
                                                    </label>
                                                </div>
                                                <svg class="di di-status-warning">
                                                    <use href="../../dso-icons.svg#status-warning" />
                                                </svg> <button type="button" class="btn btn-link dso-remove">
                                                    <span>Verwijder document</span>
                                                </button>
                                            </li>
                                        </ul>
                                        <div class="alert alert-warning" role="alert">

                                            <div class="dso-rich-content">
                                                <p>U vraagt of wij een document vertrouwelijk willen behandelen. Hiervoor moet u twee dingen doen:</p>
                                                <ol>
                                                    <li>Voeg ook een publiceerbaar document zonder vertrouwelijke informatie toe.</li>
                                                    <li>Geef per document de reden op als toelichting op het verzoek in de laatste stap van uw aanvraag.</li>
                                                </ol>
                                                <p>Er zal worden beoordeeld of uw vraag terecht is. U krijgt hiervan bericht.</p>
                                            </div>

                                        </div>

                                        <!-- To use an input type="file" element -->
                                        <div class="dso-file-upload">
                                            <input type="file" id="file-upload" />
                                            <label class="btn btn-link" for="file-upload">
                                                <svg class="di di-plus">
                                                    <use href="../../dso-icons.svg#plus" />
                                                </svg><span>Document toevoegen</span>
                                            </label>
                                        </div>

                                        <!-- Or to trigger the upload using a button element (not recommended) -->
                                        <!--
                          <button type="button" class="btn btn-link" >
                            <svg class="di di-plus">
                            <use href="../../dso-icons.svg#plus" />
                          </svg><span>Document toevoegen</span>
                          </button>
                        -->
                                    </div>
                                </fieldset>
                            </fieldset>
                            <div class="dso-form-buttons">
                                <button type="button" class="btn btn-primary">
                                    <span>Volgende</span>
                                </button>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
        <div class="dso-accordion-section">
            <div class="dso-section-handle">
                <a href="#">Beschrijving grondstoffen en hulpstoffen</a>
            </div>
        </div>
        <div class="dso-accordion-section">
            <div class="dso-section-handle">
                <a href="#">Energiegebruik en maatregelen</a>
            </div>
        </div>
        <div class="dso-accordion-section">
            <div class="dso-section-handle">
                <a href="#">Emissies, maatregelen en technieken</a>
            </div>
        </div>
        <div class="dso-accordion-section">
            <div class="dso-section-handle">
                <a href="#">Beschrijving toestand van de lokatie</a>
            </div>
        </div>
        <div class="dso-accordion-section">
            <div class="dso-section-handle">
                <a href="#">Afvalstoffen</a>
            </div>
        </div>
    </div>
</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' }}

<main>
  <div class="clearfix">
    <h1>Object Laan van Eik en Duinen 125, Den Haag</h1>
    {{> '@steps' steps }}
  </div>
  {{#accordion}}
    {{#each sections }}
      {{#accordionSection title }}
        {{#each sections }}
          {{#accordionSection title }}
            {{> '@form' form }}
          {{/accordionSection}}
        {{/each}}
      {{/accordionSection}}
    {{/each}}
  {{/accordion}}
</main>

{{render '@footer' }}
steps:
  title: 5. Documenten
  step: Stap 5 van 7
sections:
  - title: Veehouderij
    id: panel1
    open: true
    sections:
      - title: Beschrijving installatie en activiteiten
        id: panel1
        open: true
        form:
          formModifier: form-horizontal
          formLegend: Vertical Form
          fieldsets:
            - legend: Bijlagen
              groups:
                - id: documenten
                  inputType: files
                  description: >-
                    Geef een tekening van de nieuwe situatie in 1:100. Een
                    situatietekening geeft een schets van de bestaande en de
                    nieuwe situatie met daarop duidelijk de maatvoering en de
                    schaalaanduiding (1:100).
                  files:
                    - filename: Schetsen_en_foto’s_1.pdf
                    - filename: Bijlagen_hoveniersbedrijf_de_heggeschaar_hoveniers.jpg
                      confidential: true
          submitButton:
            type: button
            modifier: primary
            label: Volgende
  - title: Beschrijving grondstoffen en hulpstoffen
    id: panel2
  - title: Energiegebruik en maatregelen
    id: panel3
  - title: 'Emissies, maatregelen en technieken'
    id: panel4
  - title: Beschrijving toestand van de lokatie
    id: panel5
  - title: Afvalstoffen
    id: panel6

There are no notes for this item.