{% extends '@Salaire/salaire/layout.html.twig' %}
{% block salary_title %}Profil salarial — {{ profile.user }}{% endblock %}
{% block salary_content %}
{% set employee = profile.user %}{% set charges = profile.monthlyEmployerCost - profile.monthlyBaseGross %}{% set first_record = records|last %}{% set last_record = records|first %}{% set french_months = ['', 'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] %}
<div class="salary-breadcrumb"><span>Organisation</span><span>›</span><span>Salaires</span><span>›</span><span>Profils salariaux</span><span>›</span><strong>{{ employee }}</strong></div>
<header class="salary-profile-header"><div class="salary-profile-identity"><div class="salary-profile-avatar-wrap"><img class="salary-profile-avatar" src="{{ user_avatar_url(employee) }}" alt="{{ employee }}"><span class="salary-profile-check"><i class="ti ti-check"></i></span></div><div><h1>Profil salarial — {{ employee }}</h1><p>{{ employee.fonction ?: profile.label }} · {{ profile.societe.nom }}</p><div class="d-flex flex-wrap gap-2 mt-2"><span class="salary-badge {{ profile.active ? 'success':'muted' }}">● {{ profile.active ? 'Actif':'Inactif' }}</span><span class="salary-badge dark"><i class="ti ti-file-description"></i> {{ profile.contractType|upper }}</span><span class="salary-badge purple"><i class="ti ti-clock"></i> {{ profile.workTimeRate|number_format(0) }} %</span></div></div></div><div class="salary-heading-actions"><div class="dropdown"><button class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown"><i class="ti ti-dots-vertical"></i> Plus</button><ul class="dropdown-menu dropdown-menu-end">{% if profile.active %}<li><form method="post" action="{{ path('salaire_profile_disable',{idtoken:profile.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('salary_profile_disable_'~profile.idtoken) }}"><button class="dropdown-item text-danger"><i class="ti ti-ban me-2"></i>Désactiver</button></form></li>{% endif %}<li><a class="dropdown-item" href="{{ path('salaire_profile_index') }}">Retour aux profils</a></li></ul></div><a class="btn btn-outline-secondary" href="{{ path('salaire_profile_new',{source:profile.idtoken}) }}"><i class="ti ti-copy"></i> Dupliquer</a><a class="btn btn-primary" href="{{ path('salaire_profile_edit',{idtoken:profile.idtoken}) }}"><i class="ti ti-pencil"></i> Modifier</a></div></header>
<div class="salary-kpis five salary-profile-kpis"><article><span class="salary-kpi-icon"><i class="ti ti-currency-euro"></i></span><span class="salary-kpi-tag text-muted small">mensuel</span><small>Brut mensuel</small><strong>{{ profile.monthlyBaseGross|number_format(0,',',' ') }} €</strong></article><article><span class="salary-kpi-icon"><i class="ti ti-building-bank"></i></span><span class="salary-kpi-tag salary-badge purple">{{ profile.employerChargeRate|number_format(0) }}%</span><small>Charges employeur</small><strong>{{ charges|number_format(0,',',' ') }} €</strong></article><article class="accent"><span class="salary-kpi-icon"><i class="ti ti-calculator"></i></span><span class="salary-kpi-tag salary-badge primary">Total</span><small class="text-primary">Coût employeur</small><strong class="text-primary">{{ profile.monthlyEmployerCost|number_format(0,',',' ') }} €</strong></article><article><span class="salary-kpi-icon"><i class="ti ti-clock-hour-4"></i></span><span class="salary-kpi-tag text-muted small">/ heure</span><small>Coût horaire interne</small><strong>{{ profile.hourlyInternalCost ? profile.hourlyInternalCost|number_format(2,',',' ') : '—' }} €</strong></article><article class="success"><span class="salary-kpi-icon"><i class="ti ti-calendar-check"></i></span><span class="salary-kpi-tag salary-badge success">{{ profile.active ? 'Actif':'Inactif' }}</span><small>Date d’effet</small><strong class="fs-5">{{ profile.effectiveFrom|date('d/m/Y') }}</strong></article></div>
<div class="salary-grid wide-side"><main class="salary-main"><section class="salary-card"><div class="salary-card-title"><h2><span class="salary-section-icon is-blue"><i class="ti ti-user"></i></span> Employé</h2></div><div class="salary-employee-banner"><div class="salary-person"><img class="salary-avatar lg" src="{{ user_avatar_url(employee) }}" alt=""><div><strong class="fs-5">{{ employee }}</strong><span>{{ employee.fonction ?: 'Fonction non renseignée' }} · {{ profile.societe.nom }}</span></div></div><a href="{{ path('societe_employee_show',{idtoken:employee.idtoken}) }}">Voir fiche salarié <i class="ti ti-external-link"></i></a></div><div class="salary-detail-grid two mt-3"><div><small>Nom</small><strong>{{ employee }}</strong></div><div><small>Email</small><a href="mailto:{{ employee.email }}"><strong>{{ employee.email }}</strong></a></div><div><small>Fonction</small><strong>{{ employee.fonction ?: '—' }}</strong></div><div><small>Société</small><strong>{{ profile.societe.nom }}</strong></div><div><small>Statut salarié</small><span class="salary-badge {{ employee.statut is not same as(false) ? 'success':'muted' }}">{{ employee.statut is not same as(false) ? 'Actif':'Inactif' }}</span></div></div></section>
<section class="salary-card"><div class="salary-card-title"><h2><span class="salary-section-icon"><i class="ti ti-coins"></i></span> Base salariale</h2></div><div class="salary-detail-grid"><div><small>Type contrat</small><span class="salary-badge dark">{{ profile.contractType|upper }}</span></div><div><small>Temps de travail</small><span class="salary-badge purple">{{ profile.workTimeRate >= 100 ? 'Temps plein' : profile.workTimeRate|number_format(0)~' %' }}</span></div><div><small>Heures hebdomadaires</small><strong>{{ profile.weeklyHours|number_format(0,',',' ') }} h / semaine</strong></div><div><small>Brut mensuel</small><strong class="fs-4">{{ profile.monthlyBaseGross|number_format(2,',',' ') }} €</strong></div><div><small>Net de référence</small><strong class="fs-4 text-salary-success">{{ profile.monthlyBaseNetReference ? profile.monthlyBaseNetReference|number_format(2,',',' ')~' €' : '—' }}</strong><span class="salary-field-help">estimé</span></div><div><small>Devise</small><strong><span class="salary-code">€</span> {{ profile.currency }} — Euro</strong></div></div></section>
<section class="salary-card"><div class="salary-card-title"><h2><span class="salary-section-icon"><i class="ti ti-calculator"></i></span> Coût employeur</h2><span class="salary-badge info"><i class="ti ti-info-circle"></i> Calcul automatique</span></div><div class="salary-employer-grid"><div><small>Taux de charges</small><div class="d-flex align-items-center gap-2"><div class="salary-progress salary-charge-progress"><span style="width:{{ profile.employerChargeRate > 100 ? 100 : profile.employerChargeRate }}%"></span></div><strong class="text-primary">{{ profile.employerChargeRate|number_format(0) }} %</strong></div></div><div><small>Charges estimées</small><strong class="salary-employer-value text-purple">{{ charges|number_format(2,',',' ') }} €</strong></div><div><small>Coût employeur mensuel</small><strong class="salary-employer-value text-primary">{{ profile.monthlyEmployerCost|number_format(2,',',' ') }} €</strong></div><div><small>Coût horaire interne</small><strong class="salary-employer-value">{{ profile.hourlyInternalCost ? profile.hourlyInternalCost|number_format(2,',',' ') : '—' }} € <small>/ h</small></strong></div><div class="salary-formula"><span>Méthode de calcul</span><code>Coût emp. = Brut × (1 + Taux charges)<br>{{ profile.monthlyEmployerCost|number_format(0,',',' ') }} € = {{ profile.monthlyBaseGross|number_format(0,',',' ') }} € × {{ (1 + profile.employerChargeRate / 100)|number_format(2,',',' ') }}</code></div></div></section></main>
<aside class="salary-side salary-profile-side"><section class="salary-card"><div class="salary-card-title"><h2><span class="salary-section-icon is-green"><i class="ti ti-calendar-time"></i></span> Période d’effet</h2></div><div class="salary-summary-row"><span>Début</span><strong>{{ profile.effectiveFrom|date('d/m/Y') }}</strong></div><div class="salary-summary-row"><span>Fin</span><strong class="{{ profile.effectiveTo ? '' : 'fst-italic text-muted' }}">{{ profile.effectiveTo ? profile.effectiveTo|date('d/m/Y') : 'Indéterminée' }}</strong></div><div class="salary-summary-row"><span>Statut</span><span class="salary-badge {{ profile.active ? 'success':'muted' }}">{{ profile.active ? 'Actif':'Inactif' }}</span></div><div class="salary-summary-row"><span>Créé par</span><strong>{{ profile.createdBy ?: '—' }}</strong></div><div class="salary-summary-row"><span>Modifié le</span><strong>{{ profile.updatedAt|date('d/m/Y') }}</strong></div></section>
<section class="salary-card"><div class="salary-card-title"><h2><span class="salary-section-icon is-amber"><i class="ti ti-history"></i></span> Historique</h2></div><div class="salary-timeline"><article class="active"><i class="ti ti-plus"></i><div><strong>Profil créé</strong><span>Brut initial : {{ profile.monthlyBaseGross|number_format(0,',',' ') }} €</span><small>{{ profile.createdAt|date('d/m/Y') }} · {{ profile.createdBy ?: 'Système' }}</small></div></article>{% if profile.updatedAt and profile.updatedAt != profile.createdAt %}<article class="active purple"><i class="ti ti-arrow-up"></i><div><strong>Profil mis à jour</strong><span>Coût actuel : {{ profile.monthlyEmployerCost|number_format(0,',',' ') }} €</span><small>{{ profile.updatedAt|date('d/m/Y') }}</small></div></article>{% endif %}<article class="active blue"><i class="ti ti-percentage"></i><div><strong>Taux de charges</strong><span>{{ profile.employerChargeRate|number_format(0) }} % appliqués</span><small>Calcul employeur courant</small></div></article><article class="muted"><i class="ti ti-ban"></i><div><strong>Profil désactivé</strong><span>Non effectué</span></div></article></div></section>
<section class="salary-card"><div class="salary-card-title"><h2><span class="salary-section-icon is-blue"><i class="ti ti-link"></i></span> Utilisation</h2></div><div class="salary-usage-box"><i class="ti ti-calendar"></i><strong>{{ records|length }}</strong><span>périodes générées</span></div><div class="salary-summary-row"><span>Dernière période</span><strong>{{ last_record ? french_months[last_record.mois]~' '~last_record.annee : '—' }}</strong></div><div class="salary-summary-row"><span>Première période</span><strong>{{ first_record ? french_months[first_record.mois]~' '~first_record.annee : '—' }}</strong></div><a class="btn btn-outline-primary w-100 mt-3" href="{{ path('salaire_period_index') }}"><i class="ti ti-calendar"></i> Voir les périodes</a></section></aside></div>
{% endblock %}