{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Job search -- Dice-rolling Simulation
{% endblock %}

{% block content %}

    <style>
        .my_style {
            font-family: Georgia, serif;
            font-size: 16px;
            letter-spacing: 2px;
            word-spacing: 2px;
            color: black;
            font-weight: normal;
            text-decoration: none;
            font-style: normal;
            font-variant: normal;
            text-transform: none;
            }
    </style>
    <div style="font-size:20px;">
        <p>
            <br><br>
            We introduce dice-rolling to simulate how companies provide job offers and wage rates for you.
            <br><br>
            You need to roll the ten-side dice once. You get the job offer if the number is 9 or 10 (<strong>20% chance</strong>).
            <br><br>
            When you get any job offer, you roll the ten-side dice again for each job offer.
            <br><br>
            The probability of getting any wage rate is <strong>10%</strong> from 1 to 10.
            <br><br>
            The wage rate from 1 to 10 is defined by the number shown in the dice.
            <br><br>
            If you chose to apply for <strong>more than one job</strong>, you need to repeat the process more than once.
            <br><br>
            You get the job if any wage rate is higher than or equal to the value of <strong>your minimum wage</strong>.
            <br><br>
            If you got multiple jobs, you will only have one with the highest wage rate.
            <br><br>
            If you did not get any job, you move to the next round.
        </p>
    </div>

<br><br>
{% formfields %}
    <div>
        <button class="otree-btn-next btn btn-primary">Next Page</button>
    </div>
{% endblock %}