{% if error %}
<div class="sprint-board-fragment">
    <p style="color:#888">{{ error }}</p>
</div>
{% elif tasks %}
<div class="sprint-board-fragment">
    <p style="color:#888; font-size: 0.8rem; margin-bottom: 0.5rem;">Sprint {{ sprint_num }}</p>
    <table>
        <thead>
            <tr>
                <th>Task</th>
                <th>Title</th>
                <th>Assigned</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
{% for task in tasks %}
            <tr>
                <td style="font-family: monospace; font-size: 0.85rem;">{{ task.task_id }}</td>
                <td style="font-size: 0.9rem;">{{ task.title }}</td>
                <td style="font-size: 0.9rem;">{{ task.assigned }}</td>
                <td style="font-size: 0.9rem;">
                    {% if task.status == 'COMPLETE' %}
                        <span style="color: #22c55e; font-weight: bold;">✅</span>
                    {% elif task.status == 'QUEUED' %}
                        <span style="color: #6b7280;">⬜</span>
                    {% elif task.status == 'CONDITIONAL PASS' %}
                        <span style="color: #f59e0b; font-weight: bold;">🔶</span>
                    {% elif task.status == 'IN_PROGRESS' %}
                        <span style="color: #3b82f6;">🔄</span>
                    {% elif task.status == 'BLOCKED' %}
                        <span style="color: #ef4444;">🚫</span>
                    {% else %}
                        {{ task.status }}
                    {% endif %}
                </td>
            </tr>
{% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<div class="sprint-board-fragment">
    <p style="color:#555">No sprint tasks found.</p>
</div>
{% endif %}