{{ block title }}
    Raven's Progressive Matrices – Instructions
{{ endblock }}

{{ block content }}

<div class="card mb-4">
    <div class="card-body">
        <h5 class="card-title">Welcome!</h5>
        <p>
            In this task you will be presented with <strong>{{ C.NUM_MATRICES }} matrices</strong>.
            Each matrix shows a pattern with a missing piece.
            Your job is to identify the correct piece that completes the pattern
            by choosing among <strong>8 possible answers</strong> (numbered 1 to 8).
        </p>
        <p>
            You will earn <strong>{{ C.PAYMENT_PER_CORRECT }} per correct answer</strong>.
        </p>
    </div>
</div>

<div class="card mb-4">
    <div class="card-body">
        <h5 class="card-title">Example</h5>
        <p>Below is an example matrix. Look at the pattern and try to find the missing piece.</p>
        <div class="text-center">
            <img src="{{ static 'raven_matrices/example.png' }}"
                 class="img-fluid" style="max-width:600px;"
                 alt="Example matrix">
        </div>
    </div>
</div>

<p>When you are ready, click <strong>Next</strong> to start.</p>

{{ next_button }}

{{ endblock }}