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

{{ block title }}
<div class="progress">
    <div class="progress-bar progress-bar-striped active" role="progressbar"
         aria-valuenow="26" aria-valuemin="0" aria-valuemax="100"
         style="width:26%">
      26%
    </div>
</div>
    피해경험
{{ endblock }}

{{ block app_scripts }}

<script>
    $(document).ready(function(){
        hide_other_check("id_har1_6_1", "id_har1_6_2");
        // hide_other_check("id_har1_6_1", "id_har1_6_3");
        // hide_other_check("id_har1_6_1", "id_har1_6_4");
        hide_other_check("id_har1_6_1", "id_har1_6_5");
        hide_other_check("id_har1_6_1", "id_har1_6_6");
        hide_other_check("id_har1_6_1", "id_har1_6_7");
        hide_other_check("id_har1_6_1", "id_har1_6_8");
        hide_other_check("id_har1_6_1", "id_har1_6_9");
        hide_other_check("id_har1_6_1", "id_har1_6_10");
    })
</script>

{{ endblock }}

{{ block content }}

    <div class="alert border">
        <p> 가해 행위는 어떤 방법으로 이뤄졌습니까? 다음 중 해당하는 것을 모두 골라주십시오. </p>
        {{ formfield 'har1_5_1' }}
        {{ formfield 'har1_5_2' }}
    </div>
    <div class="alert border">
        <p>피해 직후 귀하는 어떻게 대처하였습니까? 다음 중 해당하는 것을 모두 골라주십시오.</p>
        {{ formfield 'har1_6_1' }}
        {{ formfield 'har1_6_2' }}
        {{ formfield 'har1_6_3' }}
        {{ formfield 'har1_6_4' }}
        {{ formfield 'har1_6_5' }}
        {{ formfield 'har1_6_6' }}
        {{ formfield 'har1_6_7' }}
        {{ formfield 'har1_6_8' }}
        {{ formfield 'har1_6_9' }}
        {{ formfield 'har1_6_10' }}
        {{ formfield 'har1_6_op' }}
    </div>

    {{ next_button }}
{{ endblock }}