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

{% block content %}

<div class="card bg-light instructions">
    <div class="card-body">

<!-- ISTRUZIONI-->


 <div class="row">
    <div class="col-sm-12">
      <div class="alert alert-primary" role="alert" style="text-align:center">
        <h3> ISTRUZIONI 3 </h3>
      </div>
    </div>
  </div>
<div class="container">
  <div class="row">

    <div class="col-sm">


<font size="4">

<p class="text-justify"> <b> Decisioni e pagamenti </b> </p>

<p class="text-justify"> All'inizio di ogni round, uno dei due partecipanti con il ruolo di ISP verrà selezionato casualmente e dovrà decidere tra tre opzioni:</p>
<p class="text-justify"><ul>
  <li> Offrire lo zero rating a CP 1.</li>
  <li> Offrire lo zero rating a CP 2.</li>
  <li> Non offrire lo zero rating.</li>
</ul>
</p>



<p class="text-justify"> A questo punto è il turno dell'altro ISP, il quale potrà offrire lo zero rating al CP rimanente o non offrirlo a nessuno.</p>
<p class="text-justify"> Quindi, se ad esempio ISP A decide per primo e offre lo zero rating a CP 2, ISP B potrà offrirlo a CP 1 o a nessuno.</p>
<p class="text-justify"> Una volta fatta la scelta sullo zero rating, ciascun ISP sceglierà quale tariffa offrire agli utenti, scegliendo una delle seguenti tre tariffe:</p>
<table class="table table-bordered">
 <thead>
  <tr>
    <th colspan="4"><h5 class="text-center">  Tariffe </h5> </th>
  </tr>
    <th class="text-center">  Tariffa  </th>
    <th class="text-center">  Costo fisso </th>
    <th class="text-center">  Costo variabile per CP1 <br> (0 se zero rating)  </th>
    <th class="text-center">  Costo variabile per CP2 <br> (0 se zero rating) </th>

    <tbody>
      <tr >
        <td scope="col" >1-15GB</td>
        <td scope="col">  15 punti al mese</td>
        <td scope="col">  1 punto </td>
        <td scope="col">  1 punto </td>
      </tr>
      <tr >
        <td scope="col" >2-20GB</td>
        <td scope="col">  25 punti al mese</td>
        <td scope="col">  0.5 punti </td>
        <td scope="col">  0.5 punti </td>
      </tr>
      <tr >
        <td scope="col" >3-25GB</td>
        <td scope="col">  38 punti al mese</td>
        <td scope="col">  0.25 punti </td>
        <td scope="col">  0.25 punti </td>
      </tr>

    </tbody>

    </table>
&nbsp

<p class="text-justify"> I due CP dovranno invece decidere il prezzo dei loro contenuti (prezzo dell'abbonamento), scegliendo ciascuno un valore compreso tra 1 e 10 punti.</p>

<!--		BOTTONE PROSEGUI	2	-->
 <div class="row">
    <div class="col-sm-12 text-center">
    <button type="button" id = "btn_submit" class="btn btn-outline-primary btn-lg"> PROCEDI </button>

	</div>

 </div>



	</div>
</div>


	</div>
</div>
</div>


{% endblock %}




{% block scripts %}
	<script>
		$(document).ready(function(){
		});

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

</script>



{% endblock %}