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

{% block title %}
    Job search -- Part B
{% endblock %}

{% block style %}

    <style>
         input {
              display: block;
              margin : 0 auto;
         }
    </style>

{% 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 class="text-center" style="font-size:20px;">
        <p>
            <br><br>
            Now you need to decide the number of jobs you want to apply for.
            <br><br>
            The total job search cost will depend on your sample size.
<!--            Assume the sample size of job search is <strong>n</strong>, the total job search cost will be <strong>((n)^3+11n)/6</strong> points.-->
            <br><br>
            For example:
            <br><br>
            If n=0, the total job search cost is <strong>0 point</strong>.
            If n=1, the total job search cost is <strong>2 points</strong>.
            <br><br>
            If n=2, the total job search cost is <strong>5 points</strong>.
            If n=3, the total job search cost is <strong>10 points</strong>.
            <br><br>
            if n=4, the total job search cost is <strong>18 points</strong>.
            if n=5, the total job search cost is <strong>30 points</strong>.
            <br><br>
            Choose the number of jobs from <strong>0</strong> to <strong>5</strong>.
        </p>
    </div>

<br><br>
<div class="text-center" style="margin: auto; display: block;">
{% formfields %}
    <br><br>
        <button class="otree-btn-next btn btn-primary">The number of jobs</button>
</div>

{% endblock %}