{{ block title }}
    <h4><b><center>Receiving Advice from your Manager</center></b></h4>
{{ endblock }}

{{ block content }}
<style>
    .powered-by-otree { display: none !important; }
    .cost-table { max-width: 500px; margin: 16px 0; }
    .cost-table th, .cost-table td { text-align: center; padding: 6px 12px; }
    .info-box {
        background: #e8f4fd;
        border: 1px solid #b8daff;
        border-radius: 6px;
        padding: 16px;
        margin: 16px 0;
    }
</style>

<div class="info-box">
    <p>
        Your manager has shared
        <strong>{{ available_count }}</strong> piece(s) of advice with you.
    </p>
</div>

{{ if available_count > 0 }}
    <p>
        You may choose how many pieces of advice you would like to view.
        The advice will be revealed in the order your manager ranked them
        (highest priority first). Recall each piece of advice costs $0.05 to view.
    </p>

    <p>
        How many pieces of advice would you like to view?
        Enter a number from <strong>0</strong> to <strong>{{ available_count }}</strong>.
        {{ formfields }}
    </p>



{{ else }}
    <p>No advice was shared. Click next to continue.</p>
{{ endif }}

{{ next_button }}
{{ endblock }}