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

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

{{ block app_scripts }}

<script>
    $(document).ready(function(){
        hide_others(
            [
                'id_har2s_12_1st',
                'id_har2s_12_2nd',
            ],
            9
        );
        op_checker("id_har2s_12_1st-9", "id_har2s_12_1st_op_name");
        op_checker("id_har2s_12_2nd-9", "id_har2s_12_2nd_op_name");
    })
</script>

{{ endblock }}

{{ block content }}
    <div class="alert border">
        <p> 위 피해를 목격한 후 귀하에게는 다음과 같은 변화가 있었습니까? 다음 중 해당하는 것을 모두 골라주십시오.</p>
            {{ formfield 'har2s_11_1' }}
            {{ formfield 'har2s_11_2' }}
            {{ formfield 'har2s_11_3' }}
            {{ formfield 'har2s_11_4' }}
            {{ formfield 'har2s_11_5' }}
    </div>

        <div class="center-align">
        <table class="tableFixedHead table table-striped table-bordered">
            <thead>
            <tr>
                <th class="bg-info">
                    {{ form.har2s_12_1st.label }}
                </th>
                <th class="bg-info">1순위</th>
                <th class="bg-info">2순위</th>
            </tr>
            </thead>
            <tbody>
                {{ for choice in form.har2s_12_1st }}
                    <tr>
                        <td>{{choice.label}}</td>
                        <th id="id_har2s_12_1st"><span><input name="har2s_12_1st" id="id_har2s_12_1st-{{forloop.counter}}"
                                                             type="radio" value="{{forloop.counter}}"></span></th>
                        <th id="id_har2s_12_2nd"><span><input name="har2s_12_2nd" id="id_har2s_12_2nd-{{forloop.counter}}"
                                                             type="radio" value="{{forloop.counter}}"></span></th>
                    </tr>
                {{ endfor }}
                <tr id="id_har2s_12_1st_op_name"><td>{{ formfield 'har2s_12_1st_op' label="기타-1순위(직접입력)"}}</td><th></th><th></th></tr>
                <tr id="id_har2s_12_2nd_op_name"><td>{{ formfield 'har2s_12_2nd_op' label="기타-2순위(직접입력)"}}</td><th></th><th></th></tr>
            </tbody>
        </table>
    </div>

    {{ next_button }}

{{ endblock }}