{% if this.budget %}

{{ ux_icon(this.budget.category.icon, { class: 'w-6 h-6' }) }}

{{ this.budget.category.name }}

{{ this.budget.category.family.label }}

Prévu

{{ (this.budget.plannedAmount / 100)|format_currency('EUR') }}

{{ this.spent > 0 ? 'Remboursé' : 'Dépensé' }}

{{ (this.spent / 100)|format_currency('EUR') }}

{{ this.remaining >= 0 ? 'Reste' : 'Dépassement' }}

{{ (this.remaining|abs / 100)|format_currency('EUR') }}

{{ this.progress|round }} % {{ (this.budget.plannedAmount / 100)|format_currency('EUR') }}

{% endif %}