{% extends '@Salaire/salaire/layout.html.twig' %}
{% block salary_title %}Coût salarial — {{ project.titre }}{% endblock %}
{% block salary_content %}
<header class="salary-heading capsule-heading"><div class="capsule-heading-content"><a class="compta-back" href="{{ path('salaire_project_cost_index') }}"><i class="ti ti-arrow-left"></i>Coûts projets</a><h1 class="capsule-heading-title">{{ project.titre }}</h1><p class="capsule-heading-subtitle">Détail des coûts salariaux ventilés et impact sur la rentabilité.</p></div><div class="capsule-heading-actions"><a class="capsule-button capsule-button--secondary" href="{{ path('salaire_export') }}"><i class="ti ti-download"></i>Exporter</a></div></header>
<section class="data-kpis" aria-label="Rentabilité du projet"><article class="data-kpi data-kpi--indigo"><span class="data-kpi__icon"><i class="ti ti-users"></i></span><div><span>Collaborateurs</span><strong>{{ people_count }}</strong><small>Avec une ventilation</small></div></article><article class="data-kpi data-kpi--orange"><span class="data-kpi__icon"><i class="ti ti-currency-euro"></i></span><div><span>Coût salarial</span><strong>{{ salary|number_format(2,',',' ') }} €</strong><small>Sur toutes les périodes</small></div></article><article class="data-kpi data-kpi--gray"><span class="data-kpi__icon"><i class="ti ti-receipt"></i></span><div><span>Dépenses totales</span><strong>{{ totalExpenses|number_format(2,',',' ') }} €</strong><small>Salaires inclus</small></div></article><article class="data-kpi {{ margin >= 0 ? 'data-kpi--green':'data-kpi--red' }}"><span class="data-kpi__icon"><i class="ti ti-chart-line"></i></span><div><span>Marge</span><strong>{{ margin|number_format(2,',',' ') }} €</strong><small>{{ rate }} %</small></div></article></section>
<div class="salary-grid equal"><section class="salary-card flush"><div class="salary-card-title"><div><h2><span class="salary-section-icon"><i class="ti ti-calendar-stats"></i></span>Évolution mensuelle</h2><p>Coût salarial ventilé par période</p></div></div><div class="table-responsive"><table class="table"><thead><tr><th>Période</th><th class="text-end">Coût salarial</th></tr></thead><tbody>{% for month,amount in months %}<tr><td><strong>{{ month }}</strong></td><td class="text-end fw-bold">{{ amount|number_format(2,',',' ') }} €</td></tr>{% else %}<tr><td colspan="2" class="salary-empty">Aucune donnée mensuelle.</td></tr>{% endfor %}</tbody></table></div></section><section class="salary-card flush"><div class="salary-card-title"><div><h2><span class="salary-section-icon"><i class="ti ti-list-details"></i></span>Ventilations</h2><p>Détail par salarié et période</p></div></div><div class="table-responsive"><table class="table"><thead><tr><th>Salarié</th><th>Période</th><th>Type</th><th class="text-end">Montant</th></tr></thead><tbody>{% for allocation in allocations %}{% set record=allocation.salaryRecord %}<tr><td><strong>{{ record.employeeNameSnapshot ?: record.user }}</strong></td><td>{{ record.period ? '%02d/%04d'|format(record.period.month,record.period.year) : '—' }}</td><td>{{ allocation.allocationType|salary_label }}</td><td class="text-end fw-bold">{{ allocation.amount|number_format(2,',',' ') }} €</td></tr>{% else %}<tr><td colspan="4" class="salary-empty">Aucune ventilation.</td></tr>{% endfor %}</tbody></table></div></section></div>
{% endblock %}