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

{% block title %}

    契約の選択

{% endblock %}

{% block content %}
<style>
    .table-bordered{
        text-align: center!important;
    }
    caption {
        color: black!important;
        font-weight: bold!important;
        text-align: center!important;
        caption-side: top!important;
    }
</style>

    {% if player.id_in_group == Constants.company1_owner_id %}
        <p>
        あなたは企業1のオーナーです。
        </p>
    {% else %}
        <p>
        あなたは企業2のオーナーです。
        </p>
    {% endif %}

    <p>
        あなたは自分で生産量を決められず、経営者が生産量を決められます。
        <br>
        そこで、自分の得られる利潤を最大にしてもらうために、経営者に以下の2つの契約のどちらかを示します。
        <br>
        <br>
        契約1：<strong>利潤</strong>に比例して、経営者に報酬が支払われる契約
        <br>
        契約2：<strong>売上高</strong>に比例して、経営者に報酬が支払われる契約
        <br>
    </p>
    <br>
    </p>
    <p>
        両企業の経営者がそれぞれ生産量を選択すると、自分の得られる利潤は以下の表のようになります。
        <br>
        ※経営者は利潤の2％を報酬として得ることができます。
    </p>

    <table class="table table-bordered">
        <caption>
            経営者の生産量と所有者の利潤の関係
        </caption>
        <tr>
            <th>自社\ライバル</th>
            <th>{{Constants.production1}}</th>
            <th>{{Constants.production2}}</th>
            <th>{{Constants.production3}}</th>
            <th>{{Constants.production4}}</th>
        </tr>
        <tr>
            <th>{{Constants.production1}}</th>
            {% for profit1 in profit001_lst %}
                <td>{{ profit1 }}</td>
            {% endfor %}
        </tr>
        <tr>
            <th>{{Constants.production2}}</th>
            {% for profit2 in profit002_lst %}
                <td>{{ profit2 }}</td>
            {% endfor %}
        </tr>
        <tr>
            <th>{{Constants.production3}}</th>
            {% for profit3 in profit003_lst %}
                <td>{{ profit3 }}</td>
            {% endfor %}
        </tr>
        <tr>
            <th>{{Constants.production4}}</th>
            {% for profit4 in profit004_lst %}
                <td>{{ profit4 }}</td>
            {% endfor %}
        </tr>
    </table>

    <br>
    <br>

    <p>
        そして、両企業の経営者がそれぞれ生産量を選択すると、自社の売上高は以下の表のようになります。
        <br>
        ※経営者は売上高の1％を報酬として得ることができます。
    </p>

    <table class="table table-bordered">
        <caption>
            経営者の生産量と自社の売上高の関係
        </caption>
        <tr>
            <th>自社\ライバル</th>
            <th>{{Constants.production1}}</th>
            <th>{{Constants.production2}}</th>
            <th>{{Constants.production3}}</th>
            <th>{{Constants.production4}}</th>
        </tr>
        <tr>
            <th>{{Constants.production1}}</th>
            {% for sales1 in sales011_lst %}
                <td>{{ sales1 }}</td>
            {% endfor %}
        </tr>
        <tr>
            <th>{{Constants.production2}}</th>
            {% for sales2 in sales012_lst %}
                <td>{{ sales2 }}</td>
            {% endfor %}
        </tr>
        <tr>
            <th>{{Constants.production3}}</th>
            {% for sales3 in sales013_lst %}
                <td>{{ sales3 }}</td>
            {% endfor %}
        </tr>
        <tr>
            <th>{{Constants.production4}}</th>
            {% for sales4 in sales014_lst %}
                <td>{{ sales4 }}</td>
            {% endfor %}
        </tr>
    </table>

    <br>

    <p>
        あなたは、上記にある2つの表を見比べ、自分の得られる利潤が最大になるような生産量を
        <br>
        経営者に選んでもらいやすいと思われる契約を1つ選択してください。
    </p>

    {% formfields %}
    
    {% next_button %}


    {% include Constants.instructions_template %}

{% endblock %}