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

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

{{ block app_scripts }}

<script>
    $(document).ready(function(){
        hide_others(
            [
                'id_har2_14_1st',
                'id_har2_14_2nd',
            ],
            9
        );
        op_checker("id_har2_14_1st-9", "id_har2_14_1st_op_name");
        op_checker("id_har2_14_2nd-9", "id_har2_14_2nd_op_name");
    })
</script>

{{ endblock }}


    <div class="alert border">
        <p>위 피해를 경험한 후 귀하에게는 다음과 같은 변화가 있었습니까? 다음 중 해당하는 것을 모두 골라주십시오.</p>
            {{ formfield 'har2_13_1' }}
            {{ formfield 'har2_13_2' }}
            {{ formfield 'har2_13_3' }}
            {{ formfield 'har2_13_4' }}
            {{ formfield 'har2_13_5' }}
            {{ formfield 'har2_13_6' }}
    </div>

    <div class="center-align">
        <table class="tableFixedHead table table-striped table-bordered">
            <thead>
            <tr>
                <th class="bg-info">
                    {{ form.har2_14_1st.label }}
                </th>
                <th class="bg-info">1순위</th>
                <th class="bg-info">2순위</th>
            </tr>
            </thead>
            <tbody>
                {{ for choice in form.har2_14_1st }}
                    <tr>
                        <td>{{choice.label}}</td>
                        <th id="id_har2_14_1st"><span><input name="har2_14_1st" id="id_har2_14_1st-{{forloop.counter}}"
                                                             type="radio" value="{{forloop.counter}}"></span></th>
                        <th id="id_har2_14_2nd"><span><input name="har2_14_2nd" id="id_har2_14_2nd-{{forloop.counter}}"
                                                             type="radio" value="{{forloop.counter}}"></span></th>
                    </tr>
                {{ endfor }}
                <tr id="id_har2_14_1st_op_name"><td>{{ formfield 'har2_14_1st_op' label="기타-1순위(직접입력)"}}</td><th></th><th></th></tr>
                <tr id="id_har2_14_2nd_op_name"><td>{{ formfield 'har2_14_2nd_op' label="기타-2순위(직접입력)"}}</td><th></th><th></th></tr>
            </tbody>
        </table>

    </div>

    {{ next_button }}

{{ endblock }}