{{ extends "global/Page.html" }}

{{ block title }}
<div class="progress">
    <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
         aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"
         style="width:85%">
      85%
    </div>
</div>
    목격경험
{{ endblock }}

{{ block app_scripts }}

<script>
    $(document).ready(function(){
        hide_other_check("id_har2s_7_1", "id_har2s_7_2");
        hide_other_check("id_har2s_7_1", "id_har2s_7_3");
        hide_other_check("id_har2s_7_1", "id_har2s_7_4");
        hide_other_check("id_har2s_7_1", "id_har2s_7_5");
        hide_other_check("id_har2s_7_1", "id_har2s_7_6");
        hide_other_check("id_har2s_7_1", "id_har2s_7_7");
    })
</script>

{{ endblock }}

{{ block content }}

    <div class="alert border">
        {{ formfield 'har2s_5' }}
        <p>
            가해 행위는 어떤 방법으로 이뤄졌습니까? 다음 중 해당하는 것을 모두 골라주십시오.
        </p>
        {{formfield 'har2s_6_1'}}
        {{formfield 'har2s_6_2'}}
    </div>

    <div class="alert border">
        <p>
            귀하는 위 상황을 목격한 후 어떻게 대처하였습니까? 다음 중 해당하는 것을 모두 골라주십시오.
        </p>
        {{formfield 'har2s_7_1'}}
        {{formfield 'har2s_7_2'}}
        {{formfield 'har2s_7_3'}}
        {{formfield 'har2s_7_4'}}
        {{formfield 'har2s_7_5'}}
        {{formfield 'har2s_7_6'}}
        {{formfield 'har2s_7_7'}}
        {{formfield 'har2s_7_op'}}
    </div>
    {{ next_button }}

{{ endblock }}