{% extends '@Salaire/salaire/layout.html.twig' %}
{% block salary_title %}Coûts salariaux par projet{% endblock %}
{% block salary_content %}
<header class="salary-heading capsule-heading"><div class="capsule-heading-content"><h1 class="capsule-heading-title">Coûts salariaux par projet</h1><p class="capsule-heading-subtitle">Analysez la ventilation de la masse salariale et son impact sur la marge des projets.</p></div><div class="capsule-heading-actions"><form method="get"><label class="visually-hidden" for="project-cost-period">Période</label><select id="project-cost-period" class="form-select" name="period" data-action="change->salary-ui#submitFilters"><option value="">Période courante</option>{% for option in periods %}<option value="{{ option.idtoken }}" {{ period and option.id == period.id ? 'selected' }}>{{ '%02d/%04d'|format(option.month,option.year) }}</option>{% endfor %}</select></form><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="Résumé des coûts projets"><article class="data-kpi data-kpi--indigo"><span class="data-kpi__icon"><i class="ti ti-hierarchy-3"></i></span><div><span>Projets ventilés</span><strong>{{ rows|length }}</strong><small>{{ period ? '%02d/%04d'|format(period.month,period.year) : 'Aucune période' }}</small></div></article><article class="data-kpi data-kpi--green"><span class="data-kpi__icon"><i class="ti ti-chart-pie"></i></span><div><span>Coût ventilé</span><strong>{{ allocated|number_format(2,',',' ') }} €</strong><small>{{ rate }} % du coût employeur</small></div></article><article class="data-kpi data-kpi--orange"><span class="data-kpi__icon"><i class="ti ti-wallet"></i></span><div><span>Non affecté</span><strong>{{ unallocated|number_format(2,',',' ') }} €</strong><small>Coût général société</small></div></article></section>
<section class="salary-card flush"><div class="salary-card-title"><div><h2><span class="salary-section-icon"><i class="ti ti-chart-bar"></i></span>Répartition par projet</h2><p>{{ rows|length }} projet(s) avec une ventilation salariale</p></div></div><div class="table-responsive"><table class="table align-middle"><thead><tr><th>Projet</th><th>Collaborateurs</th><th class="text-end">Coût salarial</th><th class="text-end">Autres dépenses</th><th class="text-end">Revenus</th><th class="text-end">Marge</th><th>Taux</th><th></th></tr></thead><tbody>{% for row in rows %}<tr><td><strong>{{ row.project.titre }}</strong><small>{{ row.project.client|default('Sans client') }}</small></td><td>{{ row.people }}</td><td class="text-end fw-bold">{{ row.salary|number_format(2,',',' ') }} €</td><td class="text-end">{{ row.otherExpenses|number_format(2,',',' ') }} €</td><td class="text-end">{{ row.gains|number_format(2,',',' ') }} €</td><td class="text-end fw-bold {{ row.margin >= 0 ? 'text-success':'text-danger' }}">{{ row.margin|number_format(2,',',' ') }} €</td><td><span class="salary-badge {{ row.rate >= 0 ? 'success':'danger' }}">{{ row.rate }} %</span></td><td class="text-end"><a class="capsule-button capsule-button--secondary capsule-button--small" href="{{ path('salaire_project_cost_show',{projectId:row.project.id}) }}">Détail</a></td></tr>{% else %}<tr><td colspan="8" class="salary-empty">Aucun coût salarial ventilé pour cette période.</td></tr>{% endfor %}</tbody></table></div></section>
{% endblock %}