{% set s = expense.status.value %}
{% set badge = s == 'paye' ? 'badge-paye' : (s == 'partiel' ? 'badge-partiel' : 'badge-avenir') %}
{% set label = s == 'paye' ? 'Payé' : (s == 'partiel' ? 'Partiel' : 'À venir') %}
{% set titre = expense.description %}
{% if expense.company %}
  {% if titre starts with (expense.company.name ~ ' - ') %}{% set titre = titre[(expense.company.name|length + 3):] %}
  {% elseif titre starts with (expense.company.name ~ ' – ') %}{% set titre = titre[(expense.company.name|length + 3):] %}{% endif %}
{% endif %}
<tr class="hover:bg-surface-2 transition-colors cursor-pointer" onclick="location.href='{{ path('app_expense_show', {id: expense.id}) }}'">
  <td class="py-2.5 px-3 md:px-4"><span class="badge {{ badge }}">{{ label }}</span></td>
  <td class="py-2.5 px-3 md:px-4 min-w-0">
    <span class="block text-sm font-medium truncate">{{ titre }}</span>
    <span class="md:hidden block text-xs text-muted truncate">
      {%- if expense.primaryQuote %}{{ expense.primaryQuote.label }}{% if expense.company or expense.paidBy %} · {% endif %}{% endif -%}
      {{- expense.company ? expense.company.name : (expense.paidBy ? expense.paidBy.name : '') -}}
      {%- if expense.company and expense.paidBy %} · {{ expense.paidBy.name }}{% endif %}
    </span>
  </td>
  <td class="hidden md:table-cell py-2.5 px-3 md:px-4 cell-truncate text-sm text-muted">{{ expense.company ? expense.company.name : '—' }}</td>
  <td class="hidden md:table-cell py-2.5 px-3 md:px-4 cell-truncate text-sm text-muted">{{ expense.paidBy ? expense.paidBy.name : '—' }}</td>
  <td class="hidden md:table-cell py-2.5 px-3 md:px-4 cell-truncate text-sm text-muted">{{ expense.financing ? expense.financing.name : '—' }}</td>
  <td class="py-2.5 px-3 md:px-4 amount text-sm font-medium whitespace-nowrap">{{ expense.totalAmount|number_format(0, ',', ' ') }} €</td>
  <td class="hidden md:table-cell" aria-hidden="true"></td>
</tr>