{# task/_task_item.twig — partial dla pojedynczego zadania #}
{% set status_icon = {
    'DONE':    '<i class="bi bi-check2-circle"></i>',
    'SKIPPED': '<i class="bi bi-skip-forward-circle"></i>',
    'FAILED':  '<i class="bi bi-x-circle"></i>',
} %}
{% set status_class = {
    'DONE':    'status-done',
    'SKIPPED': 'status-skipped',
    'FAILED':  'status-failed',
} %}

<div class="task-card">
    <div class="task-status-icon {{ t.status is not null ? (status_class[t.status] ?? 'status-pending') : 'status-pending' }}">
        {% if t.status == 'DONE' %}    <i class="bi bi-check2-circle"></i>
        {% elseif t.status == 'SKIPPED' %} <i class="bi bi-skip-forward-circle"></i>
        {% elseif t.status == 'FAILED' %}  <i class="bi bi-x-circle"></i>
        {% else %}                         <i class="bi bi-hourglass-split"></i>
        {% endif %}
    </div>
    <div class="flex-grow-1">
        <div class="task-name">{{ t.task_name }}</div>
        <div class="task-meta">
            {% if t.is_mandatory %}
                <span class="task-badge badge-mandatory">
                    <i class="bi bi-exclamation-triangle-fill"></i>{{ translations.mandatory ?? 'mandatory' }}
                </span>
            {% endif %}
            {% if t.requires_photo %}
                <span class="task-badge badge-photo">
                    <i class="bi bi-camera-fill"></i>{{ translations.photo_required ?? 'photo' }}
                </span>
            {% endif %}
            {% if t.execution_time %}
                <span class="task-badge badge-priority">
                    <i class="bi bi-clock me-1"></i>{{ t.execution_time | slice(0, 5) }}
                </span>
            {% endif %}
        </div>
        {% if t.completed_by and t.status == 'DONE' %}
            <div class="task-by">
                <i class="bi bi-person-check me-1"></i>{{ t.completed_by }}
                {% if t.completed_at %}&middot; {{ t.completed_at | date('H:i') }}{% endif %}
            </div>
        {% endif %}
        {% if t.note %}
            <div class="task-note"><i class="bi bi-chat-left-text me-1"></i>{{ t.note }}</div>
        {% endif %}
    </div>
</div>