{% extends 'base.html.twig' %}
{% block title %}{{ lot.name }}{% endblock %}
{% block breadcrumb %}
<i class="ti ti-chevron-right text-[10px] text-line mx-1 shrink-0"></i>
<a href="{{ path('app_lot_index') }}" class="hover:text-ink transition-colors shrink-0">Lots</a>
<i class="ti ti-chevron-right text-[10px] text-line mx-1 shrink-0"></i>
<span class="text-ink font-medium truncate">{{ lot.name }}</span>
{% endblock %}
{% block body %}
<div class="flex justify-end pb-3 mb-3 border-b border-line">
  <a href="{{ path('app_lot_edit', {id: lot.id}) }}" class="text-xs text-muted hover:text-ink transition-colors">Modifier</a>
</div>
<div class="flex justify-between text-sm px-4 py-2 border-b border-line mb-3">
  <span class="text-muted">Budget prévu</span>
  <span class="amount font-medium">{{ lot.plannedBudget|number_format(0, ',', ' ') }} €</span>
</div>
<div class="divide-y divide-line">
  {% for q in quotes %}
  <a href="{{ path('app_quote_edit', {id: q.id}) }}" class="flex items-center gap-4 md:gap-5 px-4 md:px-5 py-2.5 hover:bg-surface-2 transition-colors">
    <span class="list-row-label text-sm">{{ q.label }}</span>
    <span class="flex-1" aria-hidden="true"></span>
    <span class="text-right shrink-0">
      <span class="amount text-sm font-medium block">{{ q.totalAmount|number_format(0, ',', ' ') }} €</span>
      <span class="text-xs text-muted">{{ q.status.label }}</span>
    </span>
  </a>
  {% else %}<p class="py-2.5 text-sm text-muted">Aucun devis pour ce lot.</p>{% endfor %}
</div>
{% endblock %}