{% extends "global/SimplePage.html" %}
{% load otree %}
{% load static otree%}



{% block title %}
<div>
 {% if subsession.round_number == 1%}
    <p> Fact Checked headlines (1/6)</p>
    {%elif subsession.round_number == 2%}
    <p>Covid-19 News (2/6)</p>
    {%elif subsession.round_number == 3%}
    <p> Fact Checked headlines(3/6)</p>
   {%elif subsession.round_number == 4%}
    <p>Fact Checked headlines (4/6)</p>
    {%elif subsession.round_number == 5%}
    <p> Fact Checked headlines (5/6)</p>
    {%else%}
    <p>  Fact Checked headlines (6/6)</p>
    {%endif%}
</div>

{% endblock %}

{%  block content %}

<style>
    .div{

float: left;

width: 450px;
    }
</style>

<div>




    <div class="container p-2 ml-5 mb-3">
             <div class="div">
                 {% if subsession.round_number == 1 %}
                    <img src="{% static 'NormElicitation/f_news/False_1.png'%}" alt="image1"   width="370" length=" 390" />
                 {% elif subsession.round_number == 2 %}
                    <img src="{% static 'NormElicitation/f_news/False_2.png'%}" alt="image1"   width="370" length=" 390" />

                 {% elif subsession.round_number == 3 %}
                  <img src="{% static 'NormElicitation/f_news/False_3.png'%}" alt="image1"   width="370" length=" 390" />

                 {% elif subsession.round_number == 4 %}
                 <img src="{% static 'NormElicitation/f_news/False_4.png'%}" alt="image1"   width="370" length=" 390" />

                 {% elif subsession.round_number == 5 %}
                  <img src="{% static 'NormElicitation/f_news/False_5.png'%}" alt="image1" class="ml-3"  width="370" length=" 390" />
                 {% else %}
                    <img src="{% static 'NormElicitation/f_news/False_6.png'%}" alt="image1" class="ml-3"  width="370" length=" 390" />
                 {% endif %}

                 <div class="container p-2">
                <p class="text-danger" style="font-size: large"><strong>This Headline is False </strong></p>
               </div>
             </div>



              <div class="div">
                  {% if subsession.round_number == 1 %}
                    <img src="{% static 'NormElicitation/f_chk/FC_1.png'%}" alt="image1"   width="370" length=" 390" />
                  {% elif subsession.round_number == 2 %}
                     <img src="{% static 'NormElicitation/f_chk/FC_2.png'%}" alt="image1"   width="370" length=" 390" />
                  {% elif subsession.round_number == 3 %}
                      <img src="{% static 'NormElicitation/f_chk/FC_3.png'%}" alt="image1"   width="370" length=" 390" />
                  {% elif subsession.round_number == 4 %}
                     <img src="{% static 'NormElicitation/f_chk/FC_4.png'%}" alt="image1"   width="370" length=" 390" />
                  {% elif subsession.round_number == 5 %}
                    <img src="{% static 'NormElicitation/f_chk/FC_5.png'%}" alt="image1"   width="370" length=" 390" />
                  {% else %}
                      <img src="{% static 'NormElicitation/f_chk/FC_6.png'%}" alt="image1"   width="370" length=" 390" />

                  {% endif %}


              </div>





    </div>

</div>

<br>

    {% include "global/ButtonNext.html" with button_text="Next" %}


{% endblock %}