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

{% block title %}
    Chosen allocation
{% endblock %}

{% block content %}
    {% include 'reallocation/includes/role_block.html' %}
    <table class="table table-hover table-striped">
    <tr>
        <td>A randomly drawn tax rate is:</td>
        <td>{{ group.actual_tax_rate|perc }}</td>
    </tr>
    <tr>
        <td>A randomly chosen participant whose decision is implemented:</td>
        <td>{{ group.allocation_dictator_id }} {% if group.allocation_dictator_id ==  player.id_in_group %}
        <b>(You)</b>
        {% endif %}</td>
    </tr>
    <tr>
        <td>This participant has chosen to:</td>
        <td>{{ group.get_chosen_allocation|yesno:"Allocate, not allocate" }}</td>
    </tr>
    </table>

    <div class="card">
      <div class="card-header text-white bg-primary ">
          This decision means for each participant:
        </div>
    <div class="card-body">
        {% include 'reallocation/tax/income_per_type.html' with player_type='A' data=group.updated_allocation_dict.A %}
        <br>
        {% include 'reallocation/tax/income_per_type.html' with player_type='B' data=group.updated_allocation_dict.B %}
    </div>
    </div>


    <div class="my-3">
        {% next_button %}
    </div>
{% endblock %}