<!DOCTYPE html><!--[if lt IE 9]><html class="no-js lt-ie9"><![endif]--><!--[if !IE]> --><html class="no-js"><!-- <![endif]--><head>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<title>Vragenlijst</title>
<meta content="width=device-width, initial-scale=1.0 , user-scalable=no" name="viewport">
<link rel="stylesheet" media="screen, projection" href="/assets/quby/application.css">
<link rel="stylesheet" media="print" href="/assets/quby/print.css">

<script src="/assets/quby/application.js"></script>
<script src="/assets/quby/disable_keys.js"></script>
<script src="/assets/quby/answers.js"></script>
<style>
  
</style>
<script>
  $(function() {
    if (navigator.userAgent.indexOf("Trident/5") > -1)
      $("html").addClass("lt-ie9")
  });
</script>
</head>
<body>
<div id="masthead"></div>
<div id="content">
<div class="flash">
</div>
<script>
  window.panel_validations = {};
  // for setting values of raw_content
  window.extra_question_values = {};
  // for showing validations of raw content
  window.extra_failed_validations = {};
</script>
<form class="question_hiding paged" autocomplete="off" id="questionnaire-form" action="/quby/questionnaires/question_hiding/answers/d7dd0279-d452-40ac-9837-8b26a98111fa" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="_method" value="put">
<input type="hidden" name="token" id="token">
<input type="hidden" name="hmac" id="hmac">
<input type="hidden" name="timestamp" id="timestamp">
<input type="hidden" name="return_url" id="return_url">
<input type="hidden" name="return_token" id="return_token">
<input type="hidden" name="display_mode" id="display_mode" value="paged">
<input type="hidden" name="rendered_at" id="rendered_at" value="1574848527">

<!-- Begin _panel.html.haml -->
<fieldset class="panel hidden first current" id="panel0" style="display: block;">
<div class="panel-action-links">

</div>
<script>
  panel_validations["panel0"] = {"v_4":[],"v_5":[],"v_6":[],"v_7sub":[],"v_7":[],"v_10":[{"type":"valid_date","subtype":"valid_date_day_month_year","explanation":null}],"v_11":[],"v_12":[{"type":"valid_integer","explanation":null}],"v_13":[],"v_14":[{"type":"too_many_checked","uncheck_all_key":"v_14_a3","explanation":null}],"v_15":[{"type":"not_all_checked","check_all_key":"v_15_a3","explanation":null}]};
</script>
<script>
  $(function() {
    Quby.currentPanelQuestions = new Quby.Collections.Questions;
    var questions = [{"class":"Quby::Questionnaires::Entities::Questions::SelectQuestion","key":"v_4","title":"\u003cp\u003eP00\u003c/p\u003e","description":"","type":"select","unit":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"#item_v_4","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":null,"options":[{"key":"a0","value":0,"description":"\u003cp\u003e\u0026mdash; Selecteer \u0026mdash;\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":true,"viewId":"answer_v_4_a0","start_chosen":false},{"key":"a1","value":1,"description":"\u003cp\u003eshow 2,4,5,6,7,8\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":["v_7","v_9","v_10","v_11","v_12","v_13"],"hidden":false,"placeholder":false,"viewId":"answer_v_4_a1","start_chosen":false},{"key":"a2","value":2,"description":"\u003cp\u003ehide P2\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":["v_7"],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_4_a2","start_chosen":false},{"key":"a3","value":3,"description":"\u003cp\u003elicht\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_4_a3","start_chosen":false},{"key":"a4","value":4,"description":"\u003cp\u003ehide P1\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":["v_6"],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_4_a4","start_chosen":false}]},{"class":"Quby::Questionnaires::Entities::Questions::CheckboxQuestion","key":"v_5","title":"\u003cp\u003eP0\u003c/p\u003e","description":"","type":"check_box","unit":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"#item_v_5","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":null,"options":[{"key":"v_5_a1","value":1,"description":"\u003cp\u003eshow 2,4,5,6,7,8\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":["v_7","v_9","v_10","v_11","v_12","v_13"],"hidden":false,"placeholder":false,"viewId":"answer_v_5_a1","start_chosen":false},{"key":null,"value":null,"description":"\u003cp\u003eFOO BAR\u003c/p\u003e","questions":[],"innerTitle":true,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_","start_chosen":false},{"key":"v_5_a2","value":2,"description":"\u003cp\u003ehide 2\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":["v_7"],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_5_a2","start_chosen":false},{"key":"v_5_a3","value":3,"description":"\u003cp\u003elicht\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_5_a3","start_chosen":false}]},{"class":"Quby::Questionnaires::Entities::Questions::RadioQuestion","key":"v_6","title":"\u003cp\u003eP1\u003c/p\u003e","description":"","type":"radio","unit":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"#item_v_6","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":null,"options":[{"key":"a1","value":1,"description":"\u003cp\u003eafwezig\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_6_a1","start_chosen":false},{"key":"a2","value":2,"description":"\u003cp\u003eminimaal\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_6_a2","start_chosen":false},{"key":"a3","value":3,"description":"\u003cp\u003elicht\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_6_a3","start_chosen":false},{"key":"a4","value":4,"description":"\u003cp\u003ematig hide 2\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":["v_7"],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_6_a4","start_chosen":false},{"key":"a5","value":5,"description":"\u003cp\u003ematig ernstig hide 2\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":["v_7"],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_6_a5","start_chosen":false},{"key":"a6","value":6,"description":"\u003cp\u003eernstig hide 3,4,5,6,7,8\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":["v_8","v_9","v_10","v_11","v_12","v_13"],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_6_a6","start_chosen":true},{"key":"a7","value":7,"description":"\u003cp\u003eextreem show 3\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":["v_8"],"hidden":false,"placeholder":false,"viewId":"answer_v_6_a7","start_chosen":false}]},{"class":"Quby::Questionnaires::Entities::Questions::RadioQuestion","key":"v_7","title":"\u003cp\u003eP2\u003c/p\u003e","description":"","type":"radio","unit":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"#item_v_7","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":null,"options":[{"key":"a1","value":1,"description":"\u003cp\u003eafwezig\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_7_a1","start_chosen":false},{"key":"a2","value":2,"description":"\u003cp\u003eminimaal\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_7_a2","start_chosen":false},{"key":"a3","value":3,"description":"\u003cp\u003elicht\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_7_a3","start_chosen":false},{"key":"a4","value":4,"description":"\u003cp\u003ematig show 3\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":["v_8"],"hidden":false,"placeholder":false,"viewId":"answer_v_7_a4","start_chosen":false},{"key":"a5","value":5,"description":"\u003cp\u003ematig ernstig show 3,4,5,6,7,8\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":["v_8","v_9","v_10","v_11","v_12","v_13"],"hidden":false,"placeholder":false,"viewId":"answer_v_7_a5","start_chosen":false},{"key":"a6","value":6,"description":"\u003cp\u003eernstig hide 3\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":["v_8"],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_7_a6","start_chosen":false},{"key":"a7","value":7,"description":"\u003cp\u003eextreem show 3\u003c/p\u003e","questions":[{"class":"Quby::Questionnaires::Entities::Questions::StringQuestion","key":"v_7sub","title":"","description":"","type":"string","unit":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"#item_v_7sub","parentKey":"v_7","parentOptionKey":"a7","deselectable":true,"presentation":"vertical","as":null,"questionGroup":null,"autocomplete":"off"}],"innerTitle":null,"hidesQuestions":[],"showsQuestions":["v_8"],"hidden":false,"placeholder":false,"viewId":"answer_v_7_a7","start_chosen":false}]},{"class":"Quby::Questionnaires::Entities::Questions::DateQuestion","key":"v_10","title":"\u003cp\u003eP5\u003c/p\u003e","description":"","type":"date","unit":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_10], #answer_v_10_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":null,"components":["day","month","year"],"dayKey":"v_10_dd","monthKey":"v_10_mm","yearKey":"v_10_yyyy"},{"class":"Quby::Questionnaires::Entities::Questions::StringQuestion","key":"v_11","title":"\u003cp\u003eP6\u003c/p\u003e","description":"","type":"string","unit":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_11], #answer_v_11_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":null,"autocomplete":"off"},{"class":"Quby::Questionnaires::Entities::Questions::IntegerQuestion","key":"v_12","title":"\u003cp\u003eP7\u003c/p\u003e","description":"","type":"integer","unit":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_12], #answer_v_12_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":null},{"class":"Quby::Questionnaires::Entities::Questions::TextQuestion","key":"v_13","title":"\u003cp\u003eP8\u003c/p\u003e","description":"","type":"textarea","unit":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_13], #answer_v_13_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":null,"autocomplete":"off"},{"class":"Quby::Questionnaires::Entities::Questions::CheckboxQuestion","key":"v_14","title":"","description":"","type":"check_box","unit":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"#item_v_14","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":null,"options":[{"key":"v_14_a1","value":null,"description":"","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":["v_9"],"hidden":false,"placeholder":false,"viewId":"answer_v_14_a1","start_chosen":false},{"key":"v_14_a2","value":null,"description":"","questions":[],"innerTitle":null,"hidesQuestions":["v_8"],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_14_a2","start_chosen":false},{"key":"v_14_a3","value":null,"description":"","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_14_a3","start_chosen":false}]},{"class":"Quby::Questionnaires::Entities::Questions::CheckboxQuestion","key":"v_15","title":"","description":"","type":"check_box","unit":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"#item_v_15","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":null,"options":[{"key":"v_15_a1","value":null,"description":"","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":["v_9"],"hidden":false,"placeholder":false,"viewId":"answer_v_15_a1","start_chosen":false},{"key":"v_15_a2","value":null,"description":"","questions":[],"innerTitle":null,"hidesQuestions":["v_8"],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_15_a2","start_chosen":false},{"key":"v_15_a3","value":null,"description":"","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_15_a3","start_chosen":false}]}];
    var initializer = new Quby.Logic.InitQuestions(questions);
    Quby.currentPanelQuestions = initializer.initializeQuestions();
    Quby.questions.addQuestions(Quby.currentPanelQuestions);
    panelProps = {panelId: 'panel0', questions: Quby.currentPanelQuestions}
    Quby.panels.add(new Quby.Models.Panel(panelProps));
  });
</script>

<!-- .panel_index= panel_counter + 1 -->
<!-- Begin _item.html.haml -->
<div class="item select vertical" data-placeholder="a0" id="item_v_4">

<div class="main" data-for="v_4">
<label for="answer_v_4"><p>P00</p></label>
</div>

<div class="description-and-fields">
<div class="description">
</div>
<div class="fields" id="answer_v_4_input">
<select data-field-key="v_4" name="answer[v_4]" onchange="$(&quot;#answer_v_4_&quot;+this.value).trigger(&quot;click&quot;)">
<option class="select placeholder" id="answer_v_4_a0" value="a0">
--- Selecteer ---
</option>
<option class="select" id="answer_v_4_a1" value="a1">
show 2,4,5,6,7,8
</option>
<option class="select" id="answer_v_4_a2" value="a2">
hide P2
</option>
<option class="select" id="answer_v_4_a3" value="a3">
licht
</option>
<option class="select" id="answer_v_4_a4" value="a4">
hide P1
</option>
</select>
</div>
</div>

</div>
<!-- End _item.html.haml -->
<!-- Begin _item.html.haml -->
<div class="check_box item vertical" id="item_v_5">

<div class="main" data-for="v_5">
<label for="answer_v_5"><p>P0</p></label>
</div>

<div class="description-and-fields">
<div class="description">
</div>
<div class="fields" id="answer_v_5_input">
<div class="option" for="v_5">
<div class="radiocheckwrapper">
<input name="answer[v_5_a1]" type="hidden" value="0"><input onclick="correctAllNothingCheckboxes(this.checked, '', ''); handleDisableCheckboxSubQuestions(this);" class="check_box" data-field-key="v_5_a1" type="checkbox" value="1" name="answer[v_5_a1]" id="answer_v_5_a1">
</div>
<div class="labelwrapper">
<label for="answer_v_5_a1">
<span>
<p>show 2,4,5,6,7,8</p>
</span>
</label>
</div>
</div>
<div class="inner-title">
<p>FOO BAR</p>
</div>
<div class="option" for="v_5">
<div class="radiocheckwrapper">
<input name="answer[v_5_a2]" type="hidden" value="0"><input onclick="correctAllNothingCheckboxes(this.checked, '', ''); handleDisableCheckboxSubQuestions(this);" class="check_box" data-field-key="v_5_a2" type="checkbox" value="1" name="answer[v_5_a2]" id="answer_v_5_a2">
</div>
<div class="labelwrapper">
<label for="answer_v_5_a2">
<span>
<p>hide 2</p>
</span>
</label>
</div>
</div>
<div class="option" for="v_5">
<div class="radiocheckwrapper">
<input name="answer[v_5_a3]" type="hidden" value="0"><input onclick="correctAllNothingCheckboxes(this.checked, '', ''); handleDisableCheckboxSubQuestions(this);" class="check_box" data-field-key="v_5_a3" type="checkbox" value="1" name="answer[v_5_a3]" id="answer_v_5_a3">
</div>
<div class="labelwrapper">
<label for="answer_v_5_a3">
<span>
<p>licht</p>
</span>
</label>
</div>
</div>
</div>
</div>

</div>
<!-- End _item.html.haml -->
<!-- Begin _item.html.haml -->
<div class="item radio vertical" id="item_v_6">

<div class="main" data-for="v_6">
<label for="answer_v_6"><p>P1</p></label>
</div>

<div class="description-and-fields">
<div class="description">
</div>
<div class="fields" id="answer_v_6_input">
<div class="option" for="v_6">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_6" type="radio" value="a1" name="answer[v_6]" id="answer_v_6_a1">
</div>
<div class="labelwrapper">
<label for="answer_v_6_a1">
<span>
<p>afwezig</p>
</span>
</label>
</div>
</div>
<div class="option" for="v_6">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_6" type="radio" value="a2" name="answer[v_6]" id="answer_v_6_a2">
</div>
<div class="labelwrapper">
<label for="answer_v_6_a2">
<span>
<p>minimaal</p>
</span>
</label>
</div>
</div>
<div class="option" for="v_6">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_6" type="radio" value="a3" name="answer[v_6]" id="answer_v_6_a3">
</div>
<div class="labelwrapper">
<label for="answer_v_6_a3">
<span>
<p>licht</p>
</span>
</label>
</div>
</div>
<div class="option" for="v_6">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_6" type="radio" value="a4" name="answer[v_6]" id="answer_v_6_a4">
</div>
<div class="labelwrapper">
<label for="answer_v_6_a4">
<span>
<p>matig hide 2</p>
</span>
</label>
</div>
</div>
<div class="option" for="v_6">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_6" type="radio" value="a5" name="answer[v_6]" id="answer_v_6_a5">
</div>
<div class="labelwrapper">
<label for="answer_v_6_a5">
<span>
<p>matig ernstig hide 2</p>
</span>
</label>
</div>
</div>
<div class="option" for="v_6">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_6" type="radio" value="a6" checked="checked" name="answer[v_6]" id="answer_v_6_a6">
</div>
<div class="labelwrapper">
<label for="answer_v_6_a6">
<span>
<p>ernstig hide 3,4,5,6,7,8</p>
</span>
</label>
</div>
</div>
<div class="option" for="v_6">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_6" type="radio" value="a7" name="answer[v_6]" id="answer_v_6_a7">
</div>
<div class="labelwrapper">
<label for="answer_v_6_a7">
<span>
<p>extreem show 3</p>
</span>
</label>
</div>
</div>
</div>
</div>

</div>
<!-- End _item.html.haml -->
<!-- Begin _item.html.haml -->
<div class="item radio vertical" id="item_v_7">

<div class="main" data-for="v_7">
<label for="answer_v_7"><p>P2</p></label>
</div>

<div class="description-and-fields">
<div class="description">
</div>
<div class="fields" id="answer_v_7_input">
<div class="option" for="v_7">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_7" type="radio" value="a1" name="answer[v_7]" id="answer_v_7_a1">
</div>
<div class="labelwrapper">
<label for="answer_v_7_a1">
<span>
<p>afwezig</p>
</span>
</label>
</div>
</div>
<div class="option" for="v_7">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_7" type="radio" value="a2" name="answer[v_7]" id="answer_v_7_a2">
</div>
<div class="labelwrapper">
<label for="answer_v_7_a2">
<span>
<p>minimaal</p>
</span>
</label>
</div>
</div>
<div class="option" for="v_7">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_7" type="radio" value="a3" name="answer[v_7]" id="answer_v_7_a3">
</div>
<div class="labelwrapper">
<label for="answer_v_7_a3">
<span>
<p>licht</p>
</span>
</label>
</div>
</div>
<div class="option" for="v_7">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_7" type="radio" value="a4" name="answer[v_7]" id="answer_v_7_a4">
</div>
<div class="labelwrapper">
<label for="answer_v_7_a4">
<span>
<p>matig show 3</p>
</span>
</label>
</div>
</div>
<div class="option" for="v_7">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_7" type="radio" value="a5" name="answer[v_7]" id="answer_v_7_a5">
</div>
<div class="labelwrapper">
<label for="answer_v_7_a5">
<span>
<p>matig ernstig show 3,4,5,6,7,8</p>
</span>
</label>
</div>
</div>
<div class="option" for="v_7">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_7" type="radio" value="a6" name="answer[v_7]" id="answer_v_7_a6">
</div>
<div class="labelwrapper">
<label for="answer_v_7_a6">
<span>
<p>ernstig hide 3</p>
</span>
</label>
</div>
</div>
<div class="option" for="v_7">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_7" type="radio" value="a7" name="answer[v_7]" id="answer_v_7_a7">
</div>
<div class="labelwrapper">
<label for="answer_v_7_a7">
<span>
<p>extreem show 3</p>
</span>
</label>
</div>
<div class="subquestions"><!-- Begin _item.html.haml -->
<div class="item string subitem vertical" id="item_v_7sub">



<div class="description-and-fields">
<div class="description">
</div>
<div class="fields" id="answer_v_7sub_input">
<input autocomplete="off" class="string subinput" sets_textvar="" disabled="disabled" data-field-key="v_7sub" type="text" name="answer[v_7sub]" id="answer_v_7sub">

</div>
</div>

</div>
<!-- End _item.html.haml -->
</div>
</div>
</div>
</div>

</div>
<!-- End _item.html.haml -->
<!-- Begin _item.html.haml -->
<div class="item table vertical">
<table>
<tbody>
<tr class="light row">
<td class="main" data-for="v_10" rowspan="1">
<label for="answer_v_10"><p>P5</p></label>
</td>

<td class="item light" id="item_v_10" rowspan="1" style="width:66%">
<span class="date fields nowrap" id="answer_v_10_input">
<input placeholder="DD" size="3" autocomplete="off" class="date" data-field="{&quot;key&quot;:&quot;v_10_dd&quot;}" data-default-date-key="dd" data-required="true" type="text" name="answer[v_10_dd]" id="answer_v_10_dd">
<input placeholder="MM" size="3" autocomplete="off" class="date" data-field="{&quot;key&quot;:&quot;v_10_mm&quot;}" data-default-date-key="mm" data-required="true" type="text" name="answer[v_10_mm]" id="answer_v_10_mm">
<input placeholder="JJJJ" size="5" autocomplete="off" class="date" data-field="{&quot;key&quot;:&quot;v_10_yyyy&quot;}" data-default-date-key="yyyy" data-required="true" type="text" name="answer[v_10_yyyy]" id="answer_v_10_yyyy">

</span>
<div class="error valid_date valid_date_day_month_year hidden">Vul een geldige datum in met formaat DD-MM-JJJJ, bijvoorbeeld 13-08-2015.</div>

</td>

</tr>
<tr class="dark row">
<td class="main" data-for="v_11" rowspan="1">
<label for="answer_v_11"><p>P6</p></label>
</td>

<td class="dark item" colspan="1" id="item_v_11" rowspan="1" style="width:66%">
<div class="fields string" id="answer_v_11_input">
<input autocomplete="off" class="string" size="30" data-field-key="v_11" type="text" name="answer[v_11]" id="answer_v_11">


</div>
</td>

</tr>
<tr class="light row">
<td class="main" data-for="v_12" rowspan="1">
<label for="answer_v_12"><p>P7</p></label>
</td>

<td class="item light" id="item_v_12" rowspan="1" style="width:66%">
<div class="fields integer" id="answer_v_12_input">
<input autocomplete="off" class="integer" data-field-key="v_12" type="text" name="answer[v_12]" id="answer_v_12">
<span class="unit"></span>
<div class="error valid_integer hidden">Uw antwoord moet een afgerond getal zijn.</div>

</div>
</td>

</tr>
<tr class="dark row">
<td class="main" data-for="v_13" rowspan="1">
<label for="answer_v_13"><p>P8</p></label>
</td>

<td class="dark item" colspan="1" id="item_v_13" rowspan="1" style="width:66%">
<div class="fields textarea" id="answer_v_13_input">
<textarea rows="6" cols="40" autocomplete="off" class="textarea" data-field-key="v_13" maxlength="5000" name="answer[v_13]" id="answer_v_13"></textarea>

</div>
</td>

</tr>
</tbody>
</table>

</div>
<!-- End _item.html.haml -->
<!-- Begin _item.html.haml -->
<div class="check_box item vertical" id="item_v_14">
<div class="error too_many_checked hidden">U heeft te veel opties gekozen.</div>



<div class="description-and-fields">
<div class="description">
</div>
<div class="fields" id="answer_v_14_input">
<div class="option" for="v_14">
<div class="radiocheckwrapper">
<input name="answer[v_14_a1]" type="hidden" value="0"><input onclick="correctAllNothingCheckboxes(this.checked, '', 'v_14_a3'); handleDisableCheckboxSubQuestions(this);" class="check_box" data-field-key="v_14_a1" type="checkbox" value="1" name="answer[v_14_a1]" id="answer_v_14_a1">
</div>
<div class="labelwrapper">
<label for="answer_v_14_a1">
<span>

</span>
</label>
</div>
</div>
<div class="option" for="v_14">
<div class="radiocheckwrapper">
<input name="answer[v_14_a2]" type="hidden" value="0"><input onclick="correctAllNothingCheckboxes(this.checked, '', 'v_14_a3'); handleDisableCheckboxSubQuestions(this);" class="check_box" data-field-key="v_14_a2" type="checkbox" value="1" name="answer[v_14_a2]" id="answer_v_14_a2">
</div>
<div class="labelwrapper">
<label for="answer_v_14_a2">
<span>

</span>
</label>
</div>
</div>
<div class="option" for="v_14">
<div class="radiocheckwrapper">
<input name="answer[v_14_a3]" type="hidden" value="0"><input onclick="setAllCheckboxes(this.checked, '', 'v_14_a3', 'v_14', false); handleDisableCheckboxSubQuestions(this);" class="check_box" data-field-key="v_14_a3" type="checkbox" value="1" name="answer[v_14_a3]" id="answer_v_14_a3">
</div>
<div class="labelwrapper">
<label for="answer_v_14_a3">
<span>

</span>
</label>
</div>
</div>
</div>
</div>

</div>
<!-- End _item.html.haml -->
<!-- Begin _item.html.haml -->
<div class="check_box item vertical" id="item_v_15">
<div class="error not_all_checked hidden">U heeft te weinig opties gekozen.</div>



<div class="description-and-fields">
<div class="description">
</div>
<div class="fields" id="answer_v_15_input">
<div class="option" for="v_15">
<div class="radiocheckwrapper">
<input name="answer[v_15_a1]" type="hidden" value="0"><input onclick="correctAllNothingCheckboxes(this.checked, 'v_15_a3', ''); handleDisableCheckboxSubQuestions(this);" class="check_box" data-field-key="v_15_a1" type="checkbox" value="1" name="answer[v_15_a1]" id="answer_v_15_a1">
</div>
<div class="labelwrapper">
<label for="answer_v_15_a1">
<span>

</span>
</label>
</div>
</div>
<div class="option" for="v_15">
<div class="radiocheckwrapper">
<input name="answer[v_15_a2]" type="hidden" value="0"><input onclick="correctAllNothingCheckboxes(this.checked, 'v_15_a3', ''); handleDisableCheckboxSubQuestions(this);" class="check_box" data-field-key="v_15_a2" type="checkbox" value="1" name="answer[v_15_a2]" id="answer_v_15_a2">
</div>
<div class="labelwrapper">
<label for="answer_v_15_a2">
<span>

</span>
</label>
</div>
</div>
<div class="option" for="v_15">
<div class="radiocheckwrapper">
<input name="answer[v_15_a3]" type="hidden" value="0"><input onclick="setAllCheckboxes(this.checked, 'v_15_a3', '', 'v_15', true); handleDisableCheckboxSubQuestions(this);" class="check_box" data-field-key="v_15_a3" type="checkbox" value="1" name="answer[v_15_a3]" id="answer_v_15_a3">
</div>
<div class="labelwrapper">
<label for="answer_v_15_a3">
<span>

</span>
</label>
</div>
</div>
</div>
</div>

</div>
<!-- End _item.html.haml -->

<div class="progress-bar" data-panel-length="3" data-panel-number="1">
<div class="progress-wrapper">
<div class="progress-slider">
<span class="active current first-child progress-stop step-1">1</span>
<span class="progress-stop step-2">2</span>
<span class="last-child progress-stop step-3">3</span>
</div>
<div class="progress-details">
Stap 1 van 3
</div>
</div>
</div>
<div class="buttons">
<div class="prev" style="visibility: hidden;">
<input type="submit" name="previous" value="← Terug" id="prevButton0" tabindex="-1" data-disable-with="← Terug">
</div>
<div class="abort">
&nbsp;
</div>
<div class="next">
<input type="submit" name="next" value="Verder →" id="nextButton0" data-disable-with="Verder →">
</div>
</div>
</fieldset>
<!-- End _panel.html.haml -->
<!-- Begin _panel.html.haml -->
<fieldset class="panel hidden" id="panel1" style="display: none;">
<div class="panel-action-links">

</div>
<script>
  panel_validations["panel1"] = {"v_8":[],"v_9":[]};
</script>
<script>
  $(function() {
    Quby.currentPanelQuestions = new Quby.Collections.Questions;
    var questions = [{"class":"Quby::Questionnaires::Entities::Questions::RadioQuestion","key":"v_8","title":"\u003cp\u003eP3\u003c/p\u003e","description":"","type":"radio","unit":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_8], #answer_v_8_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":null,"options":[{"key":"a1","value":1,"description":"\u003cp\u003eafwezig\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_8_a1","start_chosen":false},{"key":"a2","value":2,"description":"\u003cp\u003eminimaal\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_8_a2","start_chosen":false},{"key":"a3","value":3,"description":"\u003cp\u003elicht\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_8_a3","start_chosen":false},{"key":"a4","value":4,"description":"\u003cp\u003ematig\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_8_a4","start_chosen":false},{"key":"a5","value":5,"description":"\u003cp\u003ematig ernstig\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_8_a5","start_chosen":false},{"key":"a6","value":6,"description":"\u003cp\u003eernstig\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_8_a6","start_chosen":false},{"key":"a7","value":7,"description":"\u003cp\u003eextreem\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_8_a7","start_chosen":false}]},{"class":"Quby::Questionnaires::Entities::Questions::RadioQuestion","key":"v_9","title":"\u003cp\u003eP4\u003c/p\u003e","description":"","type":"radio","unit":null,"hidden":null,"displayModes":null,"defaultInvisible":true,"viewSelector":"[data-for=v_9], #answer_v_9_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":null,"options":[{"key":"a1","value":1,"description":"\u003cp\u003eafwezig\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_9_a1","start_chosen":false},{"key":"a2","value":2,"description":"\u003cp\u003eminimaal\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_9_a2","start_chosen":false},{"key":"a3","value":3,"description":"\u003cp\u003elicht\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_9_a3","start_chosen":false},{"key":"a4","value":4,"description":"\u003cp\u003ematig\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_9_a4","start_chosen":false},{"key":"a5","value":5,"description":"\u003cp\u003ematig ernstig\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_9_a5","start_chosen":false},{"key":"a6","value":6,"description":"\u003cp\u003eernstig\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_9_a6","start_chosen":false},{"key":"a7","value":7,"description":"\u003cp\u003eextreem\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_9_a7","start_chosen":false}]}];
    var initializer = new Quby.Logic.InitQuestions(questions);
    Quby.currentPanelQuestions = initializer.initializeQuestions();
    Quby.questions.addQuestions(Quby.currentPanelQuestions);
    panelProps = {panelId: 'panel1', questions: Quby.currentPanelQuestions}
    Quby.panels.add(new Quby.Models.Panel(panelProps));
  });
</script>

<!-- .panel_index= panel_counter + 1 -->
<!-- Begin _item.html.haml -->
<div class="item text vertical">
<div class="text"><p>Text</p></div>
</div>
<!-- End _item.html.haml -->
<!-- Begin _item.html.haml -->
<div class="item table vertical">
<table>
<tbody>
<tr class="light row">
<td class="main" data-for="v_8" rowspan="1">
<label for="answer_v_8"><p>P3</p></label>
</td>

<td class="light option" data-for="v_8" rowspan="1" style="width:9%">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_8" type="radio" value="a1" name="answer[v_8]" id="answer_v_8_a1">
</div>
<div class="labelwrapper">
<label for="answer_v_8_a1">
<span>
<p>afwezig</p>
</span>
</label>
</div>

</td>

<td class="light option" data-for="v_8" rowspan="1" style="width:9%">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_8" type="radio" value="a2" name="answer[v_8]" id="answer_v_8_a2">
</div>
<div class="labelwrapper">
<label for="answer_v_8_a2">
<span>
<p>minimaal</p>
</span>
</label>
</div>

</td>

<td class="light option" data-for="v_8" rowspan="1" style="width:9%">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_8" type="radio" value="a3" name="answer[v_8]" id="answer_v_8_a3">
</div>
<div class="labelwrapper">
<label for="answer_v_8_a3">
<span>
<p>licht</p>
</span>
</label>
</div>

</td>

<td class="light option" data-for="v_8" rowspan="1" style="width:9%">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_8" type="radio" value="a4" name="answer[v_8]" id="answer_v_8_a4">
</div>
<div class="labelwrapper">
<label for="answer_v_8_a4">
<span>
<p>matig</p>
</span>
</label>
</div>

</td>

<td class="light option" data-for="v_8" rowspan="1" style="width:9%">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_8" type="radio" value="a5" name="answer[v_8]" id="answer_v_8_a5">
</div>
<div class="labelwrapper">
<label for="answer_v_8_a5">
<span>
<p>matig ernstig</p>
</span>
</label>
</div>

</td>

<td class="light option" data-for="v_8" rowspan="1" style="width:9%">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_8" type="radio" value="a6" name="answer[v_8]" id="answer_v_8_a6">
</div>
<div class="labelwrapper">
<label for="answer_v_8_a6">
<span>
<p>ernstig</p>
</span>
</label>
</div>

</td>

<td class="light option" data-for="v_8" rowspan="1" style="width:9%">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_8" type="radio" value="a7" name="answer[v_8]" id="answer_v_8_a7">
</div>
<div class="labelwrapper">
<label for="answer_v_8_a7">
<span>
<p>extreem</p>
</span>
</label>
</div>

</td>

</tr>
<tr class="dark row">
<td class="main" data-for="v_9" rowspan="1">
<label for="answer_v_9"><p>P4</p></label>
</td>

<td class="dark option" data-for="v_9" rowspan="1" style="width:9%">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_9" type="radio" value="a1" name="answer[v_9]" id="answer_v_9_a1">
</div>
<div class="labelwrapper">
<label for="answer_v_9_a1">
<span>
<p>afwezig</p>
</span>
</label>
</div>

</td>

<td class="dark option" data-for="v_9" rowspan="1" style="width:9%">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_9" type="radio" value="a2" name="answer[v_9]" id="answer_v_9_a2">
</div>
<div class="labelwrapper">
<label for="answer_v_9_a2">
<span>
<p>minimaal</p>
</span>
</label>
</div>

</td>

<td class="dark option" data-for="v_9" rowspan="1" style="width:9%">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_9" type="radio" value="a3" name="answer[v_9]" id="answer_v_9_a3">
</div>
<div class="labelwrapper">
<label for="answer_v_9_a3">
<span>
<p>licht</p>
</span>
</label>
</div>

</td>

<td class="dark option" data-for="v_9" rowspan="1" style="width:9%">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_9" type="radio" value="a4" name="answer[v_9]" id="answer_v_9_a4">
</div>
<div class="labelwrapper">
<label for="answer_v_9_a4">
<span>
<p>matig</p>
</span>
</label>
</div>

</td>

<td class="dark option" data-for="v_9" rowspan="1" style="width:9%">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_9" type="radio" value="a5" name="answer[v_9]" id="answer_v_9_a5">
</div>
<div class="labelwrapper">
<label for="answer_v_9_a5">
<span>
<p>matig ernstig</p>
</span>
</label>
</div>

</td>

<td class="dark option" data-for="v_9" rowspan="1" style="width:9%">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_9" type="radio" value="a6" name="answer[v_9]" id="answer_v_9_a6">
</div>
<div class="labelwrapper">
<label for="answer_v_9_a6">
<span>
<p>ernstig</p>
</span>
</label>
</div>

</td>

<td class="dark option" data-for="v_9" rowspan="1" style="width:9%">
<div class="radiocheckwrapper">
<input class="radio deselectable" data-field-key="v_9" type="radio" value="a7" name="answer[v_9]" id="answer_v_9_a7">
</div>
<div class="labelwrapper">
<label for="answer_v_9_a7">
<span>
<p>extreem</p>
</span>
</label>
</div>

</td>

</tr>
</tbody>
</table>

</div>
<!-- End _item.html.haml -->

<div class="progress-bar" data-panel-length="3" data-panel-number="2">
<div class="progress-wrapper">
<div class="progress-slider">
<span class="active first-child progress-stop step-1">1</span>
<span class="active current progress-stop step-2">2</span>
<span class="last-child progress-stop step-3">3</span>
</div>
<div class="progress-details">
Stap 2 van 3
</div>
</div>
</div>
<div class="buttons">
<div class="prev">
<input type="submit" name="previous" value="← Terug" id="prevButton1" tabindex="-1" data-disable-with="← Terug">
</div>
<div class="abort">
&nbsp;
</div>
<div class="next">
<input type="submit" name="next" value="Verder →" id="nextButton1" data-disable-with="Verder →">
</div>
</div>
</fieldset>
<!-- End _panel.html.haml -->
<!-- Begin _panel.html.haml -->
<fieldset class="panel hidden last-panel" id="panel2" style="display: none;">
<div class="panel-action-links">

</div>
<script>
  panel_validations["panel2"] = {};
</script>
<script>
  $(function() {
    Quby.currentPanelQuestions = new Quby.Collections.Questions;
    var questions = [];
    var initializer = new Quby.Logic.InitQuestions(questions);
    Quby.currentPanelQuestions = initializer.initializeQuestions();
    Quby.questions.addQuestions(Quby.currentPanelQuestions);
    panelProps = {panelId: 'panel2', questions: Quby.currentPanelQuestions}
    Quby.panels.add(new Quby.Models.Panel(panelProps));
  });
</script>

<!-- .panel_index= panel_counter + 1 -->
<!-- Begin _item.html.haml -->
<div class="item text vertical">
<div class="text"><p><em>Bedankt voor het invullen van deze vragenlijst.</em><br>
  * U kunt uw antwoorden afdrukken door op de knop ‘Print Antwoorden’ te klikken.<br>
  * Sla de antwoorden op door op de ‘Klaar’-knop onderaan te klikken. Daarna kunt u uw antwoorden niet meer wijzigen.</p></div>
</div>
<!-- End _item.html.haml -->

<div class="progress-bar" data-panel-length="3" data-panel-number="3">
<div class="progress-wrapper">
<div class="progress-slider">
<span class="active first-child progress-stop step-1">1</span>
<span class="active progress-stop step-2">2</span>
<span class="active current last-child progress-stop step-3">3</span>
</div>
<div class="progress-details">
Stap 3 van 3
</div>
</div>
</div>
<div class="buttons">
<div class="prev">
<input type="submit" name="previous" value="← Terug" id="prevButton2" tabindex="-1" data-disable-with="← Terug">
</div>
<div class="abort">
&nbsp;
</div>
<div class="save">
<input type="submit" name="done" value="Klaar" id="done-button" data-disable-with="Klaar">
</div>
<div class="print">
<a class="print_button" data-url="/quby/questionnaires/question_hiding/answers/d7dd0279-d452-40ac-9837-8b26a98111fa/pdf" href="#" id="print-button">
<img src="/assets/quby/pdf.gif">
Download als PDF
</a>
<div class="hidden" id="ios-download-instruction">
Er opent een nieuw tabblad waarop de download wordt gestart.

Sla het bestand op in Boeken/iBooks. Keer dan terug naar de browser met de knop '&lt; Safari' geheel linksboven.

Ga in de browser terug met de terug knop '&lt;' en druk op 'Klaar' om je invulling vast te leggen.
</div>
</div>

</div>
</fieldset>
<!-- End _panel.html.haml -->

</form>

<script>
  $(function() {
    Quby.init({
      questionnaire_key: "question_hiding",
      answer_value: {"v_6":"a6","v_5":{},"v_14":{},"v_15":{},"v_5_a1":0,"v_5_a2":0,"v_5_a3":0,"v_14_a1":0,"v_14_a2":0,"v_14_a3":0,"v_15_a1":0,"v_15_a2":0,"v_15_a3":0},
      flag_definitions: {"question_hiding_hides_flag":{"key":"question_hiding_hides_flag","description_true":"Hides v_7","description_false":"Does not hide v_7","description":null,"internal":false,"trigger_on":true,"shows_questions":[],"hides_questions":["v_7"],"depends_on":null,"default_in_interface":null},"question_hiding_shows_flag":{"key":"question_hiding_shows_flag","description_true":"Shows v_9","description_false":"Does not show v_9","description":null,"internal":false,"trigger_on":true,"shows_questions":["v_9"],"hides_questions":[],"depends_on":null,"default_in_interface":null}},
      flag_values: {},
      textvars: {}
    });
  
    // Initialize all panels in bulk, activate first panel otherwise
    if(isBulkOrSinglePage) {
      initShowsHides("all_panels");
    } else {
      activatePanel($(".panel:first"), true);
    }
  });
</script>

<div class="hidden" id="modalFrameDialog">
<iframe id="modalFrame"></iframe>
</div>


<div class="flash">
</div>
</div>
<div class="x_container"></div>
<noscript>
&lt;div id='noscript-warning'&gt;Deze vragenlijst heeft ondersteuning voor JavaScript nodig.&lt;/div&gt;
</noscript>


</body></html>