{% extends 'base.html.twig' %}
{% block title %}Devis{% endblock %}
{% block breadcrumb %}
<i class="ti ti-chevron-right text-[10px] text-line mx-1 shrink-0"></i>
<span class="font-medium text-ink">Devis</span>
{% endblock %}
{% block body %}
<table class="data-table text-sm">
  <thead>
    <tr class="border-b border-line">
      <th class="text-left text-xs font-medium text-muted py-2 px-3 md:px-4 w-20">Statut</th>
      <th class="text-left text-xs font-medium text-muted py-2 px-3 md:px-4 w-36 hidden md:table-cell">Type</th>
      <th class="text-left text-xs font-medium text-muted py-2 px-3 md:px-4 md:w-72">Libellé</th>
      <th class="hidden md:table-cell text-left text-xs font-medium text-muted py-2 px-3 md:px-4 w-52">Lot</th>
      <th class="hidden md:table-cell text-left text-xs font-medium text-muted py-2 px-3 md:px-4 w-64">Intervenant</th>
      <th class="text-left text-xs font-medium text-muted py-2 px-3 md:px-4 w-28">Montant TTC</th>
      <th class="text-left text-xs font-medium text-muted py-2 px-3 md:px-4 w-28">Payé</th>
      <th class="hidden md:table-cell" aria-hidden="true"></th>
    </tr>
  </thead>
  <tbody class="divide-y divide-line">
    {% for q in quotes %}
    {% set s = q.status.value %}
    {% set badge = s == 'paye' ? 'badge-paye' : (s == 'partiel' ? 'badge-partiel' : 'badge-avenir') %}
    {% set slabel = s == 'paye' ? 'Payé' : (s == 'partiel' ? 'Partiel' : 'À venir') %}
    <tr class="hover:bg-surface-2 transition-colors cursor-pointer" onclick="location.href='{{ path('app_quote_edit', {id: q.id}) }}'">
      <td class="py-2.5 px-3 md:px-4"><span class="badge {{ badge }}">{{ slabel }}</span></td>
      <td class="hidden md:table-cell py-2.5 px-3 md:px-4 text-sm text-muted">{{ q.kind ? q.kind.name : '—' }}</td>
      <td class="py-2.5 px-3 md:px-4 cell-truncate text-sm font-medium">{{ q.label }}</td>
      <td class="hidden md:table-cell py-2.5 px-3 md:px-4 cell-truncate text-sm text-muted">{{ q.lot ? q.lot.name : '—' }}</td>
      <td class="hidden md:table-cell py-2.5 px-3 md:px-4 cell-truncate text-sm text-muted">{{ q.company ? q.company.name : '—' }}</td>
      <td class="py-2.5 px-3 md:px-4 amount text-sm font-medium whitespace-nowrap">{{ q.totalAmount|number_format(0, ',', ' ') }} €</td>
      <td class="py-2.5 px-3 md:px-4 amount text-sm text-muted whitespace-nowrap">{{ q.paidAmount|number_format(0, ',', ' ') }} €</td>
      <td class="hidden md:table-cell" aria-hidden="true"></td>
    </tr>
    {% else %}
    <tr><td colspan="8" class="py-4 px-3 text-sm text-muted">Aucun devis.</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}