{% for emp in employees %}
<tr>
    <td class="align-middle fw-medium">{{ emp.name }}</td>
    <td class="align-middle">{{ emp.username }}</td>
    <td class="align-middle">{{ emp.role }}</td>
    <td class="align-middle">
        {% if emp.directie %}<strong>{{ emp.directie.name }}</strong><br>{% endif %}
        {% if emp.serviciu %}<span class="text-muted">{{ emp.serviciu.name }}</span><br>{% endif %}
        {% if emp.compartiment %}<small class="text-secondary">{{ emp.compartiment.name }}</small>{% endif %}
    </td>
    <td class="align-middle text-center">
        <!-- Edit Button -->
        {% if user.is_staff %}
            <button class="btn btn-sm btn-outline-secondary me-1" 
                    hx-get="{% url 'users:employee_edit' emp.id %}" 
                    hx-target="#modal-content-area" 
                    data-bs-toggle="modal" data-bs-target="#form-modal">
                ✏️ Editează
            </button>
        {% endif %}
        <!-- Print Button -->
        <a href="{% url 'equipment:print_inventory' emp.id %}" target="_blank" class="btn btn-sm btn-outline-primary">
            🖨️ Fișă
        </a>
    </td>
</tr>
{% empty %}
<tr>
    <td colspan="5" class="text-center text-muted py-4">Nu au fost găsiți angajați conform criteriilor de căutare.</td>
</tr>
{% endfor %}