{% extends 'base.html.twig' %}
{% block title %}Financements{% endblock %}
{% block breadcrumb %}
<i class="ti ti-chevron-right text-[10px] text-line mx-1 shrink-0"></i>
<span class="font-medium text-ink">Financements</span>
{% endblock %}
{% block body %}
<div class="flex justify-between items-center mb-3">
  <a href="{{ path('app_financing_overview') }}" class="text-sm text-accent hover:underline">Aperçu →</a>
  <a href="{{ path('app_financing_new') }}" class="text-sm text-accent hover:underline">+ Nouveau</a>
</div>
<div class="divide-y divide-line rounded-xl bg-surface border border-line overflow-hidden">
  {% for f in financings %}
  <a href="{{ path('app_financing_edit', {id: f.id}) }}" class="flex items-center gap-4 md:gap-5 px-4 md:px-5 py-3 hover:bg-surface-2 transition-colors">
    <span class="list-row-label text-sm font-medium">{{ f.name }}</span>
    <span class="flex-1" aria-hidden="true"></span>
    <span class="text-xs bg-surface-2 rounded-md px-2 py-0.5 text-muted">{{ f.type.label() }}</span>
    {% if f.agreedAmount %}
    <span class="text-sm text-muted">{{ f.agreedAmount|number_format(0, ',', ' ') }} €</span>
    {% endif %}
  </a>
  {% else %}
  <div class="px-4 py-3 text-sm text-muted">Aucun financement. <a href="{{ path('app_financing_new') }}" class="text-accent hover:underline">Créer</a></div>
  {% endfor %}
</div>
{% endblock %}