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



{% block content %}
{{ formfield_errors 'id_content_second' }}
<div class="card bg-light instructions">
    <div class="card-body">
  <div class="container bordi">

    <div class="row">
       <div class="col-sm-12">
         <div class="alert alert-primary" role="alert" style="text-align:center">

           <h3> Sei ISP {% if n == '1' %}  A {% elif n == '2' %}  B {% endif %} <br> Round {{player.round_number}} di {{C.NUM_ROUNDS}}</h3>
         </div>
       </div>
     </div>


    <hr>
    <div class="row ">
      <div class="col-md-12">&nbsp;
        <p class="text">           L'altro ISP ha scelto  {% if content == 'nobody' %} di non offrire lo zero rating {% elif content == 'content_1' %} di offrire lo zero rating al CP 2 {% elif content == 'content_2' %}   di offrire lo zero rating al CP 1 {% endif %}      </p>
        <p class="text">           Scegli se offrire lo zero rating {% if content == 'nobody' %} a uno dei due CP {% else %} all'altro CP. {% endif %}        </p>
      </div>
    </div>

    <div class="row "><div class="col-md-12">&nbsp;</div></div>


    <hr>
    <div class="row ">
    	<div class="col-md-12">
        
        <select id="id_content_second" name="id_content_second" class="form-select" aria-label="Default select example">
          <option disabled selected value> -- Apri questo menù per selezionare -- </option>

          {{options}}
        </select>
			</div>
		</div>


    <div class="row ">
      <div class="col-md-5">
        &nbsp;
      </div>
      <div class="col-md-6">
        <button type="button" id = "btn_next" class="btn btn-outline-primary btn-lg">prosegui</button>
      </div>
    </div>


  </div>
    </div>
      </div>
  <!-- end container -->

  <!-- <button type="button" id="btn_num" class="autocompare">Add single number</button> -->
{% endblock %}

{% block styles %}
	<link href="{% static "faillo_content/mystyle.css" %}" rel="stylesheet">



{% endblock %}

{% block scripts %}

<script>



  jQuery(document).ready(function ($) {
    // console.log(testo);

  });





  $("#btn_next").click(function(){
			$("#form").submit();
  });


</script>


{% endblock %}