{{ block title }}
    Phase 1: Firm    
{{ endblock }}

{{ block content }}

    <style>
        .otree-btn-next {
            float: right;
            margin: 40px auto;
        }

        table {
            border-collapse: collapse;
            width: 70%;
            margin-left: auto;
            margin-right: auto;
        }
        td, th {
            border: 1px solid black;
            text-align: center;
            padding: 8px;
        }
        th {
            background-color: #dddddd;
        }

        .decision_screenshot {
            border: 2px dashed lightgrey; 
        }
    </style>

    {{ if session.choice_condition == True and session.capped_condition == False }}
        <p style="text-align:center;">
            <img src="{{ C.CHOICE_PHASES_LINK }}" alt = 'Study Timeline Phases' width='auto' height='230'/>
        </p>
        <p>
            In Phase 1, the firm decides whether to enter the labor market (see screenshot below).
        </p>
        <p style="text-align:center;">
            <img src="{{ C.F1_E1_LINK }}" alt = 'Firm Decision 1' class='decision_screenshot' width='auto' height='135'/>
        </p>
        <p>
            If the firm decides to exit the labor market, then the labor market for that round ends and both the firm and the employee receive zero Lira for the round.
        </p>
        <p>
            If the firm decides to enter the labor market, the firm decides who will set the employee’s wage (see screenshot below).
        </p>
        <p style="text-align:center;">
            <img src="{{ C.F2_LINK }}" alt = 'Firm Decision 2' class='decision_screenshot' width='auto' height='135'/>
        </p>
        <p>
            If the firm decides to let the employee set the wage, both the firm and employee proceed to Phase 2: Employee. 
        </p>
        <p>
            If, instead, the firm decides to set the employee’s wage, then the firm chooses a wage level for the employee (see screenshot below).
        </p>
        <p style="text-align:center;">
            <img src="{{ C.F3_LINK }}" alt = 'Firm Decision 3' class='decision_screenshot' width='auto' height='120'/>
        </p>
        <p>
            The employee’s wage must be an integer between 20 Lira and 120 Lira (inclusive). That is, the employee’s wage must be in the range {20, 21, 22, …, 118, 119, 120}. 
        </p>
        {{ if session.fixed_contract_condition == True }}
            <p>
                This wage is fixed, meaning, the employee will receive the wage regardless of the production level.
            </p>
        {{ else }}
            <p>
                This wage depends on the production level, meaning, the employee will receive the wage according to the following: 
            </p>
            <p>
                Wage =<ul><li>Agreed upon wage level if the production level is 1.0</li><li>15 if the production level is not 1.0</li></ul>
            </p>
        {{ endif}}
        <p>
            A table of possible payoffs associated with the wage amount and any production level will be provided. Once a wage has been inserted, the firm may select “Calculate Payoffs”. The table cells will then populate with the associated payoffs for the firm and employee based on the inserted wage amount and any production level. For example, suppose a wage of 70 Lira was entered and the firm selected “Calculate Payoffs”, the table would populate with the following values (see table below).
        </p>
            {{ if session.fixed_contract_condition == True }}
                <table>
                    <tr><th>Production Level</th><th>0.1</th><th>0.2</th><th>0.3</th><th>0.4</th><th>0.5</th><th>0.6</th><th>0.7</th><th>0.8</th><th>0.9</th><th>1.0</th></tr>
                    <tr><th>Firm Payoff</th><td>-58</td><td>-46</td><td>-34</td><td>-22</td><td>-10</td><td>2</td><td>14</td><td>26</td><td>38</td><td>50</td></tr>
                    <tr><th>Employee Payoff</th><td>70</td><td>69</td><td>68</td><td>66</td><td>64</td><td>62</td><td>60</td><td>58</td><td>55</td><td>52</td></tr>
                </table><br>
            {{ else }}
                <table>
                    <tr><th>Production Level</th><th>0.1</th><th>0.2</th><th>0.3</th><th>0.4</th><th>0.5</th><th>0.6</th><th>0.7</th><th>0.8</th><th>0.9</th><th>1.0</th></tr>
                    <tr><th>Firm Payoff</th><td>-3</td><td>9</td><td>21</td><td>33</td><td>45</td><td>57</td><td>69</td><td>81</td><td>93</td><td>50</td></tr>
                    <tr><th>Employee Payoff</th><td>15</td><td>14</td><td>13</td><td>11</td><td>9</td><td>7</td><td>5</td><td>3</td><td>0</td><td>53</td></tr>
                </table><br>
            {{ endif }}
        <p>
            The firm may enter a new wage amount and click “Calculate Payoffs” as many times as they wish to observe payoffs for varying wage levels.
        </p>
        <p>
            Production level and production cost will be explained in Phase 2.
        </p>

    {{ elif session.choice_condition == True and session.capped_condition == True }}

        <p style="text-align:center;">
            <img src="{{ C.CHOICE_CAPPED_PHASES_LINK }}" alt = 'Study Timeline Phases' width='auto' height='230'/>
        </p>
        <p>
            In Phase 1, the firm decides whether to enter the labor market (see screenshot below).
        </p>
        <p style="text-align:center;">
            <img src="{{ C.F1_E1_LINK }}" alt = 'Firm Decision 1' class='decision_screenshot' width='auto' height='135'/>
        </p>
        <p>
            If the firm decides to exit the labor market, then the labor market for that round ends and both the firm and the employee receive zero Lira for the round.
        </p>
        <p>
            If the firm decides to enter the labor market, the firm decides who will set the employee’s wage (see screenshot below).
        </p>
        <p style="text-align:center;">
            <img src="{{ C.F2_LINK }}" alt='Firm Decision 2' class='decision_screenshot' width='auto' height='135'/>
        </p>
        <p>
            If the firm decides to let the employee set the wage, then the firm sets a wage cap, or maximum wage amount, for the employee (see screenshot below). 
        </p>
        <p style="text-align:center;">
            <img src="{{ C.F3_ALTERNATE_LINK }}" alt='Firm Decision 3' class='decision_screenshot' width='auto' height='120' />
        </p>
        <p>
            The employee’s wage must be an integer between 20 Lira and 120 Lira (inclusive). That is, the employee’s wage must be in the range {20, 21, 22, …, 118, 119, 120}. The firm may set a cap anywhere between 20 and 120 (inclusive). The employee will not be able to set their wage above the firm’s cap amount. The employee learns what the cap is before setting their wage.
        </p>
        <p>
            If, instead, the firm decides to set the employee’s wage, then the firm chooses a wage level for the employee (see screenshot below).
        </p>
        <p style="text-align:center;">
            <img src="{{ C.F3_LINK }}" alt = 'Firm Decision 3' class='decision_screenshot' width='auto' height='120'/>
        </p>
        <p>
            Again, the employee’s wage must be an integer between 20 Lira and 120 Lira (inclusive). That is, the employee’s wage must be in the range {20, 21, 22, …, 118, 119, 120}. 
        </p>
        {{ if session.fixed_contract_condition == True }}
            <p>
                This wage is fixed, meaning, the employee will receive the wage regardless of the production level.
            </p>
        {{ else }}
            <p>
                This wage depends on the production level, meaning, the employee will receive the wage according to the following: 
            </p>
            <p>
                Wage =<ul><li>Agreed upon wage level if the production level is 1.0</li><li>15 if the production level is not 1.0</li></ul>
            </p>
        {{ endif}}
        <p>
            A table of possible payoffs associated with the wage amount and any production level will be provided. Once a wage has been inserted, the firm may select “Calculate Payoffs”. The table cells will then populate with the associated payoffs for the firm and employee based on the inserted wage amount and any production level. For example, suppose a wage of 70 Lira was entered and the firm selected “Calculate Payoffs”, the table would populate with the following values (see table below).
        </p>
            {{ if session.fixed_contract_condition == True }}
                <table>
                    <tr><th>Production Level</th><th>0.1</th><th>0.2</th><th>0.3</th><th>0.4</th><th>0.5</th><th>0.6</th><th>0.7</th><th>0.8</th><th>0.9</th><th>1.0</th></tr>
                    <tr><th>Firm Payoff</th><td>-58</td><td>-46</td><td>-34</td><td>-22</td><td>-10</td><td>2</td><td>14</td><td>26</td><td>38</td><td>50</td></tr>
                    <tr><th>Employee Payoff</th><td>70</td><td>69</td><td>68</td><td>66</td><td>64</td><td>62</td><td>60</td><td>58</td><td>55</td><td>52</td></tr>
                </table><br>
            {{ else }}
                <table>
                    <tr><th>Production Level</th><th>0.1</th><th>0.2</th><th>0.3</th><th>0.4</th><th>0.5</th><th>0.6</th><th>0.7</th><th>0.8</th><th>0.9</th><th>1.0</th></tr>
                    <tr><th>Firm Payoff</th><td>-3</td><td>9</td><td>21</td><td>33</td><td>45</td><td>57</td><td>69</td><td>81</td><td>93</td><td>50</td></tr>
                    <tr><th>Employee Payoff</th><td>15</td><td>14</td><td>13</td><td>11</td><td>9</td><td>7</td><td>5</td><td>3</td><td>0</td><td>53</td></tr>
                </table><br>
            {{ endif }}
        <p>
            The firm may enter a new wage amount and click “Calculate Payoffs” as many times as they wish to observe payoffs for varying wage levels.
        </p>
        <p>
            Production level and production cost will be explained in Phase 2.
        </p>

    {{ elif session.choice_condition == False and session.session_employee_set == True}}
        
        <p style="text-align:center;">
            <img src="{{ C.NO_CHOICE_EMPLOYEE_SET_PHASES_LINK }}" alt = 'Study Timeline Phases' width='auto' height='170'/>
        </p>
        <p>
            In Phase 1, the firm decides whether to enter the labor market (see screenshot below).
        </p>
        <p style="text-align:center;">
            <img src="{{ C.F1_E1_LINK }}" alt = 'Firm Decision 1' class='decision_screenshot' width='auto' height='135'/>
        </p>
        <p>
            If the firm decides to exit the labor market, then the labor market for that round ends and both the firm and the employee receive zero Lira for the round.
        </p>
        <p>
            If the firm decides to enter the labor market, both the firm and employee proceed to Phase 2. 
        </p>

    {{ else }}
        <p style="text-align:center;">
            <img src="{{ C.NO_CHOICE_FIRM_SET_PHASES_LINK }}" alt = 'Study Timeline Phases' width='auto' height='170'/>
        </p>
        <p>
            In Phase 1, the firm decides whether to enter the labor market (see screenshot below).
        </p>
        <p style="text-align:center;">
            <img src="{{ C.F1_E1_LINK }}" alt = 'Firm Decision 1' class='decision_screenshot' width='auto' height='135'/>
        </p>
        <p>
            If the firm decides to exit the labor market, then the labor market for that round ends and both the firm and the employee receive zero Lira for the round.
        </p>
        <p>
            If the firm decides to enter the labor market, then the firm chooses a wage level for the employee (see screenshot below).
        </p>
        <p style="text-align:center;">
            <img src="{{ C.F3_LINK }} " alt = 'Firm Decision 3' class='decision_screenshot' width='auto' height='120'/>
        </p>
        <p>
            The employee’s wage must be an integer between 20 Lira and 120 Lira (inclusive). That is, the employee’s wage must be in the range {20, 21, 22, …, 118, 119, 120}. 
        </p>
        <p>
            This wage is fixed, meaning, the employee will receive the wage regardless of the production level.
        </p>
        <p>
            A table of possible payoffs associated with the wage amount and any production level will be provided. Once a wage has been inserted, the firm may select “Calculate Payoffs”. The table cells will then populate with the associated payoffs for the firm and employee based on the inserted wage amount and any production level. For example, suppose a wage of 70 Lira was entered and the firm selected “Calculate Payoffs”, the table would populate with the following values (see table below).
        </p>
        <table>
            <tr><th>Production Level</th><th>0.1</th><th>0.2</th><th>0.3</th><th>0.4</th><th>0.5</th><th>0.6</th><th>0.7</th><th>0.8</th><th>0.9</th><th>1.0</th></tr>
            <tr><th>Firm Payoff</th><td>-58</td><td>-46</td><td>-34</td><td>-22</td><td>-10</td><td>2</td><td>14</td><td>26</td><td>38</td><td>50</td></tr>
            <tr><th>Employee Payoff</th><td>70</td><td>69</td><td>68</td><td>66</td><td>64</td><td>62</td><td>60</td><td>58</td><td>55</td><td>52</td></tr>
        </table><br>
        <p>
            The firm may enter a new wage amount and click “Calculate Payoffs” as many times as they wish to observe payoffs for varying wage levels.
        </p>
        <p>
            Production level and production cost will be explained in Phase 2.
        </p>
    {{ endif }}

    <p>
        The firm may then select "Next" to proceed to Phase 2.
    </p>
    
    {{ next_button }}

{{ endblock }}