{{ extends "global/Page.html" }}
{{ block title }}Main Round {{ round_num }} of {{ total_main_rounds }} - Gate 3: In-Person Interview - Final Hiring Decision{{ endblock }}

{{ block content }}

<link rel="stylesheet" href="{{ static 'hiring-funnel.css' }}">

<div class="table-scroll">
    <table class="candidate-scores-table">
        <thead>
            <tr>
                <th class="score-type-header" rowspan="2">Score Type</th>
                <th colspan="10" style="text-align: center; border-bottom: 1px solid #999; padding: 4px; font-weight: bold;">Candidates</th>
            </tr>
            <tr>
                {% for candidate in candidates %}
                    <th class="candidate-header{% if not candidate.available %} eliminated{% endif %}">{% if candidate.available %}{{ candidate.label }}{% endif %}</th>
                {% endfor %}
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="row-label">Stage 1: Resume</td>
                {% for candidate in candidates %}
                    <td class="score-cell{% if not candidate.available %} eliminated{% endif %}">{% if candidate.available %}{{ candidate.resume }}{% endif %}</td>
                {% endfor %}
            </tr>
            <tr>
                <td class="row-label">Stage 2: Zoom</td>
                {% for candidate in candidates %}
                    <td class="score-cell{% if not candidate.available %} eliminated{% endif %}">{% if candidate.available %}{{ candidate.zoom }}{% endif %}</td>
                {% endfor %}
            </tr>
            <tr>
                <td class="row-label">Stage 3: In-Person</td>
                {% for candidate in candidates %}
                    <td class="score-cell{% if not candidate.available %} eliminated{% endif %}">{% if candidate.available %}{{ candidate.inperson }}{% endif %}</td>
                {% endfor %}
            </tr>
            <tr class="checkbox-row">
                <td class="row-label">Hire</td>
                {% for candidate in candidates %}
                    <td class="checkbox-cell{% if not candidate.available %} eliminated{% endif %}">
                        <input type="radio" id="hired-{{ candidate.label }}" name="hired_candidate" value="{{ candidate.label }}" {% if not candidate.available %}disabled{% endif %} required>
                    </td>
                {% endfor %}
            </tr>
        </tbody>
    </table>
</div>

<div class="instruction-text" style="margin-top: 20px;">
    <p>You now have complete information for the 3 finalists. Select one candidate to hire.</p>
</div>

{{ next_button }}

{{ endblock }}