{{ block title }}
    Euro Bonds Game
{{ endblock }}

{{ block content }}

    <br>

    {{ if round == 1 }}
    <h2>Période {{ period }} / {{ periods }} -- Phase {{ round }} / {{ rounds }} -- Entraînement</h2>
    {{ endif }}

    {{ if round > 1 }}
    <h2>Période {{ period }} / {{ periods }} -- Phase {{ round }} / {{ rounds }}</h2>
    {{ endif }}


    <br>
    
    <div class="row">
        <div class="feedback_column">
             <p>
                 {{ if defaulted_this_round == 1 }}
                     {{ if default_limit_reached == 1 }}
                        <b>La dette de l'Etat dépasse désormais le revenu total des 5 investisseurs.
                            L'Etat est insolvable et doit faire défaut sur la dette existante.</b><br>
                     {{ else }}
                        <b>L'Etat n'a pas réussi à vendre suffisamment d'obligations pour couvrir la dette de la période précédente.
                            L’État a fait défaut.</b><br>
                    {{ endif }}
                    <b>Votre investissement de {{ player_sum_bids }} obligations d'une valeur de {{ player_invested }} ECUs a été perdu.</b><br>
                    <b>Votre gain total dans cette période est : </b>{{ player_sum_earned }} ECUs.<br>
                    <br>

                       <br>
                          <center>    ------------------------    </center>
                        <br>

                      {{ if player.sum_input > 0 }}
                          <b>Vos revenus de la période suivante sont réduits de 30 % : </b>{{ player.player_next_income }} ECUs.<br>
                      {{ else }}
                          <b>Votre revenu pour la période suivante est de : </b>{{ player.player_next_income }} ECUs.<br>
                      {{ endif }}

                        <br>
                        <center>    ------------------------    </center>
                        <br>
                        <b>Une diminution de 30 % est appliquée au niveau de l'endettement de {{ government_debt }} ECUs.<br>
                        <b>La dette à financer au cours de la prochaine période est de : </b>{{ government_next_debt }} ECUs.<br>
                {{ else }}
                    <b>L'Etat a réussi à vendre suffisamment d’obligations pour couvrir sa dette de : {{ government_debt }} ECUs.</b><br>
                    <br><b>Vous avez acheté {{ player_sum_purchased }} obligations aux prix indiqués dans le tableau ci-dessous.</b><br>
                    <br><b>Votre gain total dans ce tour est de : </b>{{player_sum_earned }} ECUs.<br>
                    <br><b>La dette à financer au cours de la prochaine période est de : </b>{{ government_next_debt }} ECUs.<br>
                    <b></b><br>

                    <p>
                        {{ if not_coordination == 1 }}
                        La somme des investissements n'étaient pas suffisants pour couvrir la dette de la période précédente.
                        <br><b>La Banque Centrale (BC)</b> a dû intervenir dans cette phase.
                        Au total, la BC a acheté <b>{{ BC_bought }}</b> obligations au prix de 0.95,
                        ce qui représente une valeur de {{ BC_bought_value }} ECUs
                    </p>
                         {{ endif }}

                {{ endif }}

             </p>

        </div>
        {{ if player_dropped == 0 }}
            <div class="button_column">
                <button class="otree-btn-next btn btn-primary">Continue</button>
            </div>
        {{ endif }}
    </div>
    
    <br>
    
    {{ if player_dropped == 1 }}
        <div id="message" class="alert alert-danger" role="alert">
            Vous n'avez pas pu saisir de réponse sur une des périodes précédentes. L'ordinateur répondra à votre place.
        </div>
        <br>
    {{ endif }}

    {{ if defaulted_this_round == 0 }}

        {{ if not_coordination == 0 }}

            <div class="row">
                <div class="column">
                    <br><h4>Vos enchères et achats </h4>
                    Vous avez réussi à acheter les obligations suivantes
                    <table id="choices" class="styled-table">
                        <thead>
                            <tr>
                                <th>Prix</th>
                                <th>Offre d’achat (nombre d’obligations)</th>
                                <th>Achat effectif (nombre d’obligations)</th>
                                <th>Gain</th>
                            </tr>
                        </thead>
                        <tbody>

                        <!-- wb:
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.0 }}</td>
                                <td>{{ player_bids.0 }}</td>
                                <td>{{ player_purchased.0 }}</td>
                                <td>{{ player_gain.0 }}</td>
                            </tr>

                        -->
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.1 }}</td>
                                <td>{{ player_bids.1 }}</td>
                                <td>{{ player_purchased.1 }}</td>
                                <td>{{ player_gain.1 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.2 }}</td>
                                <td>{{ player_bids.2 }}</td>
                                <td>{{ player_purchased.2 }}</td>
                                <td>{{ player_gain.2 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.3 }}</td>
                                <td>{{ player_bids.3 }}</td>
                                <td>{{ player_purchased.3 }}</td>
                                <td>{{ player_gain.3 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.4 }}</td>
                                <td>{{ player_bids.4 }}</td>
                                <td>{{ player_purchased.4 }}</td>
                                <td>{{ player_gain.4 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.5 }}</td>
                                <td>{{ player_bids.5 }}</td>
                                <td>{{ player_purchased.5 }}</td>
                                <td>{{ player_gain.5 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.6 }}</td>
                                <td>{{ player_bids.6 }}</td>
                                <td>{{ player_purchased.6 }}</td>
                                <td>{{ player_gain.6 }}</td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td>Total</td>
                                <td>{{ player_sum_bids }}</td>
                                <td>{{ player_sum_purchased }}</td>
                                <td>{{ player_sum_earned }}</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                <div class="column">
                    <h4>Quantités d'obligations attribuées pour les 5 investisseurs:  </h4>
                        L'Etat a vendu les quantités d'obligations suivantes
                    <table id="choices" class="styled-table">
                        <thead>
                            <tr>
                                <th>Prix</th>
                                <th>Nombre total d'obligations <br>(ventes effectives)</th>
                                <th>Valeur de la dette couverte à chaque prix</th>
                            </tr>
                        </thead>
                        <tbody>

                        <!--
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.0 }}</td>
                                <td>{{ government_purchased.0 }}</td>
                                <td>{{ government_value.0 }}</td>
                            </tr>
                        -->

                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.1 }}</td>
                                <td>{{ government_purchased.1 }}</td>
                                <td>{{ government_value.1 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.2 }}</td>
                                <td>{{ government_purchased.2 }}</td>
                                <td>{{ government_value.2 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.3 }}</td>
                                <td>{{ government_purchased.3 }}</td>
                                <td>{{ government_value.3 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.4 }}</td>
                                <td>{{ government_purchased.4 }}</td>
                                <td>{{ government_value.4 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.5 }}</td>
                                <td>{{ government_purchased.5 }}</td>
                                <td>{{ government_value.5 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.6 }}</td>
                                <td>{{ government_purchased.6 }}</td>
                                <td>{{ government_value.6 }}</td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td>Total</td>
                                <td>{{ government_total_purchased }}</td>
                                <td>{{ government_total_value }}</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        {{ endif }}


        {{ if not_coordination == 1 }}

            <div class="row">
                <div class="column">
                    <br><h4>Vos enchères et achats </h4>
                    Vous avez réussi à acheter les obligations suivantes
                    <table id="choices" class="styled-table">
                        <thead>
                            <tr>
                                <th>Prix</th>
                                <th>Offre d’achat (nombre d’obligations)</th>
                                <th>Achat effectif (nombre d’obligations)</th>
                                <th>Gain</th>
                            </tr>
                        </thead>
                        <tbody>

                        <!-- wb:
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.0 }}</td>
                                <td>{{ player_bids.0 }}</td>
                                <td>{{ player_purchased.0 }}</td>
                                <td>{{ player_gain.0 }}</td>
                            </tr>

                        -->
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.1 }}</td>
                                <td>{{ player_bids.1 }}</td>
                                <td>{{ player_purchased.1 }}</td>
                                <td>{{ player_gain.1 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.2 }}</td>
                                <td>{{ player_bids.2 }}</td>
                                <td>{{ player_purchased.2 }}</td>
                                <td>{{ player_gain.2 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.3 }}</td>
                                <td>{{ player_bids.3 }}</td>
                                <td>{{ player_purchased.3 }}</td>
                                <td>{{ player_gain.3 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.4 }}</td>
                                <td>{{ player_bids.4 }}</td>
                                <td>{{ player_purchased.4 }}</td>
                                <td>{{ player_gain.4 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.5 }}</td>
                                <td>{{ player_bids.5 }}</td>
                                <td>{{ player_purchased.5 }}</td>
                                <td>{{ player_gain.5 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.6 }}</td>
                                <td>{{ player_bids.6 }}</td>
                                <td>{{ player_purchased.6 }}</td>
                                <td>{{ player_gain.6 }}</td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td>Total</td>
                                <td>{{ player_sum_bids }}</td>
                                <td>{{ player_sum_purchased }}</td>
                                <td>{{ player_sum_earned }}</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                <div class="column">
                    <h4>Quantités d'obligations attribuées pour les 5 investisseurs:  </h4>
                        L'Etat a vendu les quantités d'obligations suivantes
                    <table id="choices" class="styled-table">
                        <thead>
                            <tr>
                                <th>Prix</th>
                                <th>Nombre total d'obligations <br>(ventes effectives)</th>
                                <th>Valeur de la dette couverte à chaque prix</th>
                            </tr>
                        </thead>
                        <tbody>

                        <!--
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.0 }}</td>
                                <td>{{ government_purchased.0 }}</td>
                                <td>{{ government_value.0 }}</td>
                            </tr>
                        -->

                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.1 }}</td>
                                <td>{{ government_purchased.1 }} <b>+ BC: ({{ BC_bought }})</b></td>
                                <td>{{ value02withoutCB }} <b>+ BC: ({{ BC_bought_value }})</b></td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.2 }}</td>
                                <td>{{ government_purchased.2 }}</td>
                                <td>{{ government_value.2 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.3 }}</td>
                                <td>{{ government_purchased.3 }}</td>
                                <td>{{ government_value.3 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.4 }}</td>
                                <td>{{ government_purchased.4 }}</td>
                                <td>{{ government_value.4 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.5 }}</td>
                                <td>{{ government_purchased.5 }}</td>
                                <td>{{ government_value.5 }}</td>
                            </tr>
                            <tr>
                                <td>{{ C.PURCHASE_PRICE_BOND.6 }}</td>
                                <td>{{ government_purchased.6 }}</td>
                                <td>{{ government_value.6 }}</td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td>Total</td>
                                <td>{{government_next_debt}} </td>
                                <td>{{ government_debt }}</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        {{ endif }}





        
    {{ endif }}

{{ endblock }}

{{ block styles }}
    <style>
        .otree-title, .col-form-label {
            display: none; 
        }
    </style>
    <style>
        .styled-table {
            border-collapse: collapse;
            margin: 25px 0;
            font-size: 0.9em;
            font-family: sans-serif;
            min-width: 400px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
        }

        .styled-table thead tr {
            background-color: #009879;
            color: #ffffff;
            text-align: left;
        }

        .styled-table th,
        .styled-table td, tr {
            padding: 12px 13px;
            min-width: 80px;
        }

        .styled-table tbody tr {
            border-bottom: 1px solid #dddddd;
        }

        .styled-table tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }

        .styled-table tbody tr:last-of-type {
            border-bottom: 2px solid #009879;
        }

        .styled-button {
            color: #fff;
            background-color: #0d6efd;
            border-color: #0d6efd;
            display: inline-block;
            font-weight: 400;
            line-height: 1.5;
            text-align: center;
            text-decoration: none;
            vertical-align: middle;
            border: 1px solid transparent;
            padding: .375rem .75rem;
            font-size: 1rem;
            border-radius: .25rem;
        }

        .row {
            display: flex;
        }

        .column {
            flex: 50%;
        }
        .feedback_column {
            flex: 80%;
        }
        .button_column {
            flex: 20%;
        }
    </style>
{{ endblock }}