{{ extends "global/Page.html" }}
{{ block title }}
<div class="progress">
    <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
         aria-valuenow="4" aria-valuemin="0" aria-valuemax="100"
         style="width:4%">
      4%
    </div>
</div>
     직장문화에 대한 평가
{{ endblock }}

{{ block content }}

    <div class="alert border">
        <p>
             귀하가 다니고 있는 직장의 지난 3년간의 환경 변화에 관한 질문입니다. 직장 환경이 어떻게 변했다고 생각하십니까? (근무경력이 3년 미만이면 근무 기간을 기준으로 답해 주세요.)
        </p>
    </div>

    <table class="tableFixedHead table table-striped table-bordered">
        <thead>
        <tr>
            <th class="bg-info">
                {{ for choice in L4_CHOICES }}
                <th class="bg-info">{{choice}}</th>
                {{ endfor }}
            </th>
        </tr>
        </thead>
        <tbody>
            {{ for environment_question in form }}
                {{ if forloop.counter >= ENV_INIT and forloop.counter <= ENV_END}}
                <tr>
                    <th>
                        {{ environment_question.label }}
                    </th>
                    {{ for choice in environment_question }}
                        <td class="text-center align-middle">
                            {{ choice }}
                        </td>
                    {{ endfor }}
                </tr>
                {{ endif }}
            {{ endfor }}
        </tbody>
    </table>

    <button class="btn btn-primary btn-large active">
        모든 질문에 답하신 뒤에 클릭해주세요
    </button>
{{ endblock }}