{% comment %}
Reusable entity row component

Required context variables:
- item: the object to display
- entity_type: e.g., 'substance', 'polymer', 'mixture', 'isotope', 'reaction'
- columns: list of column definitions with 'field' and 'label' keys
- update_url_name: URL name for update view
- delete_url_name: URL name for delete view
- detail_url_name: URL name for detail view
{% endcomment %}
<tr id="{{ entity_type }}-{{ item.id }}" class="hover">
    {% for column in columns %}
        <td class="text-xs md:text-xs lg:text-sm xl:text-sm 2xl:text-base {% if column.truncate %}truncate max-w-xs{% endif %}">
            {% if column.is_link and detail_url_name %}
                <a href="{% url detail_url_name item.id %}" class="link link-primary">
                    {% with field_value=item|lookup:column.field %}{{ field_value|default:"—" }}{% endwith %}
                </a>
            {% else %}
                {% with field_value=item|lookup:column.field %}{{ field_value|default:"—" }}{% endwith %}
            {% endif %}
        </td>
    {% endfor %}
    <td class="text-xs md:text-xs lg:text-sm xl:text-sm 2xl:text-base">
        <div class="flex gap-2">
            <a href="{% url update_url_name item.id %}" class="btn btn-sm btn-info">Edit</a>
            <a href="{% url delete_url_name item.id %}" class="btn btn-sm btn-error">Delete</a>
        </div>
    </td>
</tr>