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

{{ block app_scripts }}

<script>
    $(document).ready(function(){
        // console.log("ready namun")
        hide_others(
            [
                'id_har2_8_1st',
                'id_har2_8_2nd',
                'id_har2_8_3rd',
            ],
            9
        );
        op_checker("id_har2_8_1st-9", "id_har2_8_1st_op");
        op_checker("id_har2_8_1st-9", "id_har2_8_1st_op_name");
        op_checker("id_har2_8_2nd-9", "id_har2_8_2nd_op");
        op_checker("id_har2_8_2nd-9", "id_har2_8_2nd_op_name");
        op_checker("id_har2_8_3rd-9", "id_har2_8_3rd_op");
        op_checker("id_har2_8_3rd-9", "id_har2_8_3rd_op_name");
    })
</script>

{{ endblock }}

{{ block content }}

    <div class="center-align">
        <table class="tableFixedHead table table-striped table-bordered">
            <thead>
            <tr>
                <th class="bg-info">
                    {{ form.har2_8_1st.label }}
                </th>
                <th class="bg-info">1순위</th>
                <th class="bg-info">2순위</th>
                <th class="bg-info">3순위</th>
            </tr>
            </thead>
            <tbody>
                {{ for choice in form.har2_8_1st }}
                    <tr>
                        <td>{{choice.label}}</td>
                        <th id="id_har2_8_1st"><span><input name="har2_8_1st" id="id_har2_8_1st-{{forloop.counter}}" type="radio" value="{{forloop.counter}}"></span></th>
                        <th id="id_har2_8_2nd"><span><input name="har2_8_2nd" id="id_har2_8_2nd-{{forloop.counter}}" type="radio" value="{{forloop.counter}}"></span></th>
                        <th id="id_har2_8_3rd"><span><input name="har2_8_3rd" id="id_har2_8_3rd-{{forloop.counter}}" type="radio" value="{{forloop.counter}}"></span></th>
                    </tr>
                {{ endfor }}
                <tr id="id_har2_8_1st_op_name"><td>{{ formfield 'har2_8_1st_op' label="기타-1순위(직접입력)"}}</td><th></th><th></th><th></th></tr>
                <tr id="id_har2_8_2nd_op_name"><td>{{ formfield 'har2_8_2nd_op' label="기타-2순위(직접입력)"}}</td><th></th><th></th><th></th></tr>
                <tr id="id_har2_8_3rd_op_name"><td>{{ formfield 'har2_8_3rd_op' label="기타-3순위(직접입력)"}}</td><th></th><th></th><th></th></tr>
            </tbody>
        </table>

    </div>

    {{ next_button }}

{{ endblock }}