{{ extends "global/Page.html" }}
{{ block title }}
<div class="progress">
    <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
         aria-valuenow="17" aria-valuemin="0" aria-valuemax="100"
         style="width:17%">
      17%
    </div>
</div>
     직장 내 괴롭힘 피해 및 목격 경험  I
{{ endblock }}
{{ block content }}
    <div class="alert border">
        <p>
             다음은 직장내 괴롭힘의 예시입니다.
            귀하는 지난 1년 동안 누군가(<span class="alert-danger">고객이나 거래처 직원 등 외부인 제외</span>)가
            직장 구성원에게 다음의 행위를 하는 것을 목격하거나
            직접 경험한 적이 있습니까?
            <u class="text-danger">해당하는 행위만 체크해주시면 됩니다.</u>
            온라인(사내 전산망, SNS, 문자 등)을 통해 이뤄진 경우도 포함됩니다.
        </p>
    </div>

    <div class="center-align">
            <table class="tableFixedHead table table-striped table-bordered">
        <thead>
        <tr>
            <th class="bg-info">행위</th>
            <th class="bg-info">내가 겪었다</th>
            <th class="bg-info">누군가가 겪는 것을 보았다</th>
        </tr>
        </thead>
        <tbody>
            {{ for question in form }}
                {{ if forloop.counter == 1 or forloop.counter == 3 or forloop.counter == 5 or forloop.counter == 7 or forloop.counter == 9 or forloop.counter == 11 or forloop.counter == 13 or forloop.counter == 15 or forloop.counter == 17 or forloop.counter == 19 or forloop.counter == 21 or forloop.counter == 23 or forloop.counter == 25 or forloop.counter == 27 or forloop.counter == 29 or forloop.counter == 31 or forloop.counter == 33 or forloop.counter == 35 or forloop.counter == 37 or forloop.counter == 39 or forloop.counter == 41 or forloop.counter == 43 or forloop.counter == 45 or forloop.counter == 47 or forloop.counter == 49 or forloop.counter == 51 or forloop.counter == 53 or forloop.counter == 55 or forloop.counter == 57 or forloop.counter == 59 or forloop.counter == 61 }}
                <tr>
                    <th>
                        {{ question.label }}
                    </th>

                    <td class="text-center align-middle">
                        {{ question }}
                    </td>
                {{ else }}
                    <td class="text-center align-middle">
                        {{ question }}
                    </td>
                </tr>
                {{ endif }}
            {{ endfor }}
        </tbody>
    </table>
    </div>


    <button class="btn btn-primary btn-large active">
        다음
    </button>

{{ endblock }}