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



{% block title %}
{% if player.role == 'buyer' %}Dividing the Initial Endowment{% else %}Allocating the Packages{% endif %}


{% endblock %}

{% block content %}

        <div class="row generalrow">
            <div class="form-group col-md-12 form-inline">
            {% include 'double_auction/includes/general_info_block_nonauction.html' %}

            </div>
        </div>


    {% if player.role == 'seller' %}
    <div class="form-row align-items-center">
        {% formfield player.allocation_unit_dollar label=allocation_unit_dollar_label %}


    <div class="form-group col-md-6 form-inline">
        <label for="price" class="mr-3">     {{ allocation_unit_btc_label }}</label>
        <input type="number" class="form-control" id="allocation_unit_btc" placeholder=""
       readonly name="allocation_unit_btc" value = {{ player.allocation_unit_btc }}>
        <input type="hidden" name="seller_endowment" id="seller_endowment" value={{   Constants.seller_endowment  }}>

    </div>



    {% endif %}

    {% if player.role == 'buyer' %}
    {% formfield player.allocation_dollar label=allocation_dollar_label  %}

    <div class="form-group col-md-6 form-inline">
        <label for="price" class="mr-3">     {{ allocation_dollar_save_label }}</label>
        <input type="number" class="form-control" id="allocation_dollar_save" placeholder=""
       readonly name="allocation_dollar_save" value = {{ player.allocation_dollar_save }}>
        <input type="hidden" name="buyer_dollar_endowment" id="buyer_dollar_endowment" value={{   Constants.buyer_dollar_endowment  }}>
    </div>
    {% formfield player.allocation_btc label=allocation_btc_label  %}
    <div class="form-group col-md-6 form-inline">
        <label for="price" class="mr-3">     {{ allocation_btc_save_label }}</label>
        <input type="number" class="form-control" id="allocation_btc_save" placeholder=""
       readonly name="allocation_btc_save" value = {{ player.allocation_btc_save }}>
        <input type="hidden" name="buyer_btc_endowment" id="buyer_btc_endowment" value={{   Constants.buyer_btc_endowment  }}>
    </div>
    {% endif %}
    {% next_button %}
{% endblock %}

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

{% endblock %}

{% block scripts %}
    {#  Here we include javascript block where we connect via websockets to oTree server  #}
    {% include './includes/channel-js.html' %}

{% endblock %}