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



{% block content %}
<div class="card bg-light instructions">
    <div class="card-body">


    <div class="row">
       <div class="col-sm-12">
         <div class="alert alert-secondary" role="alert" style="text-align:center">
           <h5>Pago acumulado:   {{cumulated|to2}} puntos </h5>
         </div>
       </div>
     </div>

    <div class="row">
       <div class="col-sm-12">
         <div class="alert alert-primary" role="alert" style="text-align:center">
           <h3> RESULTADOS<br> Ronda {{player.round_number}} de {{C.NUM_ROUNDS}} </h3>
         </div>
       </div>
     </div>


    <hr>
    <div class="row ">
      <div class="col-md-12">&nbsp;
        <p class="text">
          Su pago para esta ronda es de   {{player.profit|to2}} puntos.

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

    <div class="row ">
      <div class="col-md-12">&nbsp;
        <table class="table table-striped table-hover">
          <thead>
            <th>Rol</th>
            <th>Elección</th>
            <th>Pago de la ronda </th>
            <th>Pago acumulado</th>
          </thead>
            {{tr}}
        </table>
    </div>
  </div>

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

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

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

  {{if player.round_number > 1}}
  <hr>
  <div class="row intestazione_2">
    <div class="col-md-12">
      RONDAS PRECEDENTES
    </div>
  </div>

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

  <div class="row">
    <div class="col-md-12">
      <div class="accordion" id="accordionExample">
        {{history_accordion}}
      </div>
    </div>
  </div>
  {{endif}}



</div>







  </div>


  <!-- end container -->

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

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



{% endblock %}

{% block scripts %}

<script>



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

  });





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


</script>


{% endblock %}