{{ block title }}How Advisors Work{{ endblock }}
{{ block content }}

<style>
.table.advisor-odds-table tbody td { font-weight: normal; }
</style>

<div class="card bg-light m-3">
    <div class="card-body">
        <p>
            Don't worry! You will have help! Every block, you will be assigned a new advisor from each of the two pixel
            consulting groups: Dots &amp; Co. and PixelHouse. You can use these advisors to help you make your predictions.
        </p>
        <strong>Dots &amp; Co. has a better reputation for providing accurate advisors</strong>, but neither team is perfect!
        Advisors from each company have different accuracy rates. The accuracy levels and the number of advisors
        at each level are given in the tables below. 
        </p>
        <p>
    Every block, each company will send you a SINGLE ADVISOR with a SINGLE ACCURACY. 
    For example, Dots &amp; Co. might send you an advisor who is 90% accurate, and PixelHouse might send you an advisor who is 75% accurate.
     <strong>Figuring out how accurate your assigned advisors are is important to succeed.</strong>
        </p>
        
    </div>
</div>

<div class="row m-3">
    <div class="col-md-6">
        <h4 class="mb-2">Dots &amp; Co.</h4>
        <table class="table table-bordered advisor-odds-table">
            <thead>
                <tr>
                    <th>Accuracy of advisors</th>
                    <th># of advisors</th>
                </tr>
            </thead>
            <tbody>
                {% for row in table_favorable %}
                <tr>
                    <td>{{ row.accuracy }}</td>
                    <td>{{ row.count }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    <div class="col-md-6">
        <h4 class="mb-2">PixelHouse</h4>
        <table class="table table-bordered advisor-odds-table">
            <thead>
                <tr>
                    <th>Accuracy of advisors</th>
                    <th># of advisors</th>
                </tr>
            </thead>
            <tbody>
                {% for row in table_inverse %}
                <tr>
                    <td>{{ row.accuracy }}</td>
                    <td>{{ row.count }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
<p>The table shows how many advisors of each accuracy level each company has.</p>
<div class="card bg-light m-3">
    <div class="card-body">
<p>Some blocks you will get to choose which of the two advisors to consult each round. 
    Other blocks you will have one of the two advisors shown to you each round. At the end of every block, 
    you will be asked to rate the accuracy of your assigned advisors, 
    and then play a final round with each of them.</p>
    </div>
</div>
{{ next_button }}

{{ endblock }}