{{ 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.</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>
                {{ 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 }}

        <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 }}

{{ 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 }}