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

{% block title %}
    Manager Hiring Round {{ roundNumber }}
{% endblock %}

{% 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 = 'hiring-decision'>Interview Performance Scores</th>

        <th class = 'hiring-decision'>Your Hiring Decision</th>
        <th class = 'hiring-decision'>Your Wage Decision</th>
      <tr>
    </thead>
    {% with s=0 %}
    {% for index, rows in candidates.iterrows %}
    <tbody>
      <tr>
        
        <!-- <th>{{ forloop.counter }}</th> -->
        <th>{{ index }}</th>
        <td>{{ rows.survey1playerage }}</td>
        <td>{{ rows.profile_name }}</td>
        <td>{{ rows.score1 }}</td>
        {% if forloop.counter == 1 %}
        <td>{{ formfield "prac_hiring_1" }} </td>
        <td>{{ formfield "prac_wage_1" }}</td>
        {% elif forloop.counter == 2 %}
        <td>{{ formfield "prac_hiring_2" }} </td>
        <td>{{ formfield "prac_wage_2" }}</td>
        {% elif forloop.counter == 3 %}
        <td>{{ formfield "prac_hiring_3" }} </td>
        <td>{{ formfield "prac_wage_3" }}</td>
        {% elif forloop.counter == 4 %}
        <td>{{ formfield "prac_hiring_4" }} </td>
        <td>{{ formfield "prac_wage_4" }}</td>
        {% endif %}
        
        {% endfor %}
      {% endwith %}
    </tr>
    
    </tbody>
  </table>
  
{% next_button %}


{% endblock %}