{{ block title }}
    閱讀測驗
{{ endblock }}
{{ block content }}

<style>
img{
    max-width: 55%;
}
.line{
    border: 1px black solid;
    margin-bottom: 1rem;
}

.otree-timer{
    position: fixed;
    top:5%;
    right: 5%
}

</style>

    {{if player.participant.language == "English"}}

    <h5>Questions 1-2 refer to the following advertisement.</h5>
    <img src="{{ static 'English_Reading/1-2.png' }}">

    {{ formfield 'ER1' }}
    {{ formfield 'ER2' }}

    <div class="line"></div>

    <h5>Questions 3-5 refer to the following article.</h5>
    <img src="{{ static 'English_Reading/3-5.png' }}">

    {{ formfield 'ER3' }}
    {{ formfield 'ER4' }}
    {{ formfield 'ER5' }}

    <div class="line"></div>

    <h5>Questions 6-7 refer to the following text message chain.</h5>
    <img src="{{ static 'English_Reading/6-7.png' }}">

    {{ formfield 'ER6' }}
    {{ formfield 'ER7' }}

    <div class="line"></div>

    <h5>Questions 8-11 refer to the following information.</h5>
    <img src="{{ static 'English_Reading/8-11.png' }}">

    {{ formfield 'ER8' }}
    {{ formfield 'ER9' }}
    {{ formfield 'ER10' }}
    {{ formfield 'ER11' }}

    <div class="line"></div>

    <h5>Questions 12-15 refer to the following advertisement and e-mail.</h5>
    <img src="{{ static 'English_Reading/12-15a.png' }}">
    <img src="{{ static 'English_Reading/12-15b.png' }}">

    {{ formfield 'ER12' }}
    {{ formfield 'ER13' }}
    {{ formfield 'ER14' }}
    {{ formfield 'ER15' }}

    <div class="line"></div>

    <h5>Questions 16-20 refer to the following advertisement, online shopping cart, and e-mail.</h5>
    <img src="{{ static 'English_Reading/16-20a.png' }}">
    <img src="{{ static 'English_Reading/16-20b.png' }}">
    <img src="{{ static 'English_Reading/16-20c.png' }}">

    {{ formfield 'ER16' }}
    {{ formfield 'ER17' }}
    {{ formfield 'ER18' }}
    {{ formfield 'ER19' }}
    {{ formfield 'ER20' }}

    {{ endif }}    
    
    <button class="otree-btn-next btn btn-primary">下一頁</button>

{{ endblock }}