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


{% block content %}
<link rel="stylesheet" href ="{% static 'cost_experiment/question.css' %}"/>

<table>
    <caption>Candidate Hiring Experiment</caption>
    <thead>
      <tr>
        <th class ='candidate-data'>ID </th>
        <th class ='candidate-data'>Age</th>
        <th class ='candidate-data'>Surname</th>
        <th class ='candidate-data'>Interview Performance</th>
        <th class = 'hiring-decision'>Your Hiring Decision</th>
        <th class = 'hiring-decision'>Your Wage Decision</th>
      <tr>
    </thead>
    <tbody>
      <tr>
        <th>Candidate 1</th>
        <td>$820,180</td>
        <td>$841,640</td>
        <td>$732,270</td>
        <td>{% formfield "prac_hiring" %}</td>
        <td>{{ formfield "prac_wage" }}</td>
        
        
      </tr>
      <tr>
        <th>Candidate 3</th>
        <td>$850,730</td>
        <td>$892,580</td>
        <td>$801,240</td>
        <td>{{ formfield "prac_hiring" }}</td>
        <td>{{ formfield "prac_wage" }}</td>
      </tr>
      <tr>
        <th>Candidate 2</th>
        <td>83%</td>
        <td>90%</td>
        <td>75%</td>
        <td>{{ formfield "prac_hiring" }}</td>
        <td>{{ formfield "prac_wage" }}</td>
      </tr>
    </tbody>
  </table>

    {% next_button %}

{% endblock %}