{% extends 'base.html.twig' %}
{% block title %}Types d'intervenants{% endblock %}
{% block breadcrumb %}
<i class="ti ti-chevron-right text-[10px] text-line mx-1 shrink-0"></i>
<a href="{{ path('app_settings') }}" class="hover:text-ink transition-colors shrink-0">Réglages</a>
<i class="ti ti-chevron-right text-[10px] text-line mx-1 shrink-0"></i>
<span class="text-ink font-medium">{{ block('title') }}</span>
{% endblock %}
{% block body %}
{{ include('settings/_tabs.html.twig') }}
<div class="flex justify-end mb-3">
  <a href="{{ path('app_contractor_category_new') }}" class="text-sm text-accent hover:underline">+ Nouveau type</a>
</div>
<div class="divide-y divide-line rounded-xl bg-surface border border-line overflow-hidden">
  {% for cat in categories %}
  <a href="{{ path('app_contractor_category_edit', {id: cat.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 font-medium">{{ cat.name }}</span>
    <span class="flex-1" aria-hidden="true"></span>
    <span class="text-xs text-muted">ordre {{ cat.order }}</span>
  </a>
  {% else %}
  <div class="px-4 py-3 text-sm text-muted">Aucun type.</div>
  {% endfor %}
</div>
{% endblock %}