{{ block title }}Your Role{{ endblock }}
{{ block content }}
<div class="card shadow-sm p-4 text-center">
    <h2 class="mb-3">Welcome to the Experiment</h2>
    <p class="lead">You have been assigned the role of:</p>
    <h1 class="display-4 fw-bold text-primary">{{ role }}</h1>
    <p class="mt-3 text-muted">Please read the instructions carefully before proceeding.</p>

    {% if role == "Buyer" %}
    <div class="alert alert-info mt-3 text-start">
        <strong>Buyer — Key Points:</strong>
        <ul class="mb-0 mt-2">
            <li>You negotiate with the seller using a <strong>blue slider</strong> (seller's is red).</li>
            <li>Bargaining lasts <strong>90 seconds</strong>. A deal is made if your slider meets or crosses the seller's.</li>
            <li>In the <strong>first 45 seconds</strong> you can invite the expert for an appraisal (costs 5 lab points).</li>
            <li>You are paired with the <strong>same expert for all 20 rounds</strong>.</li>
        </ul>
    </div>
    {% elif role == "Seller" %}
    <div class="alert alert-warning mt-3 text-start">
        <strong>Seller — Key Points:</strong>
        <ul class="mb-0 mt-2">
            <li>You negotiate with the buyer using a <strong>red slider</strong> (buyer's is blue).</li>
            <li>Bargaining lasts <strong>90 seconds</strong>. A deal is made if the buyer's slider meets or crosses yours.</li>
            <li>The buyer may invite the expert in the first 45 seconds — you pay nothing for this.</li>
            <li>You are <strong>randomly rematched</strong> with a new buyer each round.</li>
        </ul>
    </div>
    {% else %}
    <div class="alert alert-secondary mt-3 text-start">
        <strong>Expert — Key Points:</strong>
        <ul class="mb-0 mt-2">
            <li><strong>Before bargaining starts</strong>, you submit an appraisal based on your 10-number range.</li>
            <li>The buyer decides during bargaining whether to invite you (first 45 seconds).</li>
            <li>You earn <strong>5 lab points</strong> if invited, 0 if not.</li>
            <li>You are paired with the <strong>same buyer for all 20 rounds</strong>.</li>
        </ul>
    </div>
    {% endif %}
</div>

{{ next_button }}
{{ endblock }}