{% extends '@Commercial/commercial/layout.html.twig' %}
{% set project = view.project %}
{% set month_names = {1:'janv.',2:'févr.',3:'mars',4:'avr.',5:'mai',6:'juin',7:'juil.',8:'août',9:'sept.',10:'oct.',11:'nov.',12:'déc.'} %}
{% block commercial_title %}Rentabilité {{ project.titre }}{% endblock %}
{% block javascripts %}<script src="{{ asset('vendor/matdash/libs/apexcharts/dist/apexcharts.min.js') }}" defer></script>{{ parent() }}{% endblock %}

{% block commercial_content %}
<div class="profitability-project-page" data-controller="profitability-project" data-profitability-project-chart-value="{{ view.chart|json_encode|e('html_attr') }}">

    <header class="d-flex flex-column flex-xl-row align-items-xl-start justify-content-between gap-3 mb-4">
        <div>
            <h1 class="capsule-titre">{{ project.titre }}</h1>
            <p class="capsule-soustitre">
                <i class="ti ti-tag"></i>{{ project.type }}<br/>
                {% if project.client %}{{ project.client.nom }} ·{% endif %} <i class="ti ti-calendar"></i>Démarré le {{ project.startDate|date('d') }} {{ month_names[project.startDate|date('n')] }} {{ project.startDate|date('Y') }}{% if project.deadline %} · <strong><i class="ti ti-clock-filled"></i> Deadline : {{ project.deadline|date('d') }} {{ month_names[project.deadline|date('n')] }} {{ project.deadline|date('Y') }}</strong>{% endif %}
            </p>
        </div>
        <div class="d-flex flex-wrap gap-2 expense-index__actions">
            <a class="capsule-button capsule-button--secondary" href="{{ path('commercial_project_profitability_index') }}"><i class="ti ti-arrow-left"></i> Retour</a>
            <a class="capsule-button capsule-button--secondary" href="{{ path('commercial_project_profitability_project_export', {projectId:project.id,period:view.period}) }}" data-turbo="false"><i class="ti ti-download"></i> Exporter</a>
            <a class="capsule-button capsule-button--secondary" href="{{ path('projet_edit', {id:project.id}) }}"><i class="ti ti-pencil"></i> Modifier</a>
            <a class="capsule-button capsule-button--primary" href="{{ path('billing_document_new', {type:'invoice',projectId:project.id,clientId:project.client ? project.client.id : null}) }}"><i class="ti ti-file-invoice"></i> Créer une facture</a>
        </div>
    </header>

    <section class="data-kpis-6" aria-label="Indicateurs des dépenses">
        <article class="data-kpi-6 data-kpi--indigo">
            <span class="data-kpi__icon"><i class="ti ti-file-invoice"></i></span>
            <div>
                <span>Gains facturés</span>
                <strong>{{ view.gains_period|number_format(0, ',', ' ') }} €</strong>
                <small>Sur {{ view.document_count }} facture{{ view.document_count > 1 ? 's' : '' }}</small>
            </div>
        </article>

        <article class="data-kpi-6 data-kpi--red">
            <span class="data-kpi__icon"><i class="ti ti-receipt"></i></span>
            <div>
                <span>Dépenses fournisseurs</span>
                <strong>{{ view.supplier_expenses|number_format(0, ',', ' ') }} €</strong>
                <small>{{ view.allocation_count }} dépenses ventilées</small>
            </div>
        </article>

        <article class="data-kpi-6 data-kpi--violet">
            <span class="data-kpi__icon"><i class="ti ti-users"></i></span>
            <div>
                <span>Coûts salariaux</span>
                <strong>{{ view.salary_expenses|number_format(0, ',', ' ') }} €</strong>
                <small>{{ view.salary_allocation_count }} imputation{{ view.salary_allocation_count > 1 ? 's' : '' }}</small>
            </div>
        </article>

        <article class="data-kpi-6 data-kpi--orange">
            <span class="data-kpi__icon"><i class="ti ti-car"></i></span>
            <div>
                <span>Indemnités km</span>
                <strong>{{ view.mileage_expenses|number_format(0, ',', ' ') }} €</strong>
                <small>{{ view.mileage_count }} déplacement{{ view.mileage_count > 1 ? 's' : '' }}</small>
            </div>
        </article>

        <article class="data-kpi-6 data-kpi--green-border">
            <span class="data-kpi__icon"><i class="ti ti-moneybag"></i></span>
            <div>
                <span>Marge nette</span>
                <strong>{{ view.margin_period|number_format(0, ',', ' ') }} €</strong>
                <small>Gains − dépenses − km − salaires</small>
            </div>
        </article>

        <article class="data-kpi-6 data-kpi--gray">
            <span class="data-kpi__icon"><i class="ti ti-percentage"></i></span>
            <div>
                <span>Taux de marge</span>
                <strong>{{ view.margin_rate_period|number_format(1, ',', ' ') }}%</strong>
                <small>Objectif : 60%</small>
            </div>
        </article>
            
    </section>

    <div class="profitability-project-layout"><main>
        <nav class="profitability-period"><strong>Période d'analyse</strong><div><a class="{{ view.period == 'all' ? 'is-active' : '' }}" href="{{ path('commercial_project_profitability_show', {projectId:project.id}) }}">Tout le projet</a><a class="{{ view.period == 'month' ? 'is-active' : '' }}" href="{{ path('commercial_project_profitability_show', {projectId:project.id,period:'month'}) }}">Mois en cours</a><a class="{{ view.period == 'quarter' ? 'is-active' : '' }}" href="{{ path('commercial_project_profitability_show', {projectId:project.id,period:'quarter'}) }}">Trimestre</a></div></nav>
        <section class="profitability-project-chart-card"><header><div><h2 class="capsule-card-heading">Évolution gains vs dépenses</h2><p>Cumul mensuel sur la durée du projet</p></div><nav><span><i></i>Gains</span><span><i></i>Dépenses</span><span><i></i>Marge</span></nav></header><div class="profitability-project-chart" data-profitability-project-target="chart"></div></section>

        <section class="profitability-project-table"><header><div><i class="ti ti-receipt"></i><h2 class="capsule-card-heading">Dépenses fournisseurs allouées</h2><span>{{ view.allocation_count }} lignes</span></div><a href="{{ path('commercial_expense_new') }}"><i class="ti ti-plus"></i> Ajouter</a></header><div class="table-responsive"><table class="table align-middle mb-0"><thead><tr><th>Date</th><th>Fournisseur</th><th>Libellé</th><th>Catégorie</th><th>Montant HT</th><th>Quote-part</th><th>Alloué</th><th>Statut</th></tr></thead><tbody>{% for allocation in view.allocations %}{% set expense = allocation.expense %}<tr><td>{{ expense.dateDepense|date('d') }} {{ month_names[expense.dateDepense|date('n')] }} {{ expense.dateDepense|date('Y') }}</td><td><strong>{{ expense.fournisseur.nom|default('—') }}</strong></td><td>{{ expense.numeroDocument }}</td><td><span>{{ expense.categorie.nom|default('Sans catégorie') }}</span></td><td><strong>{{ expense.montanHt|number_format(2, ',', ' ') }} €</strong></td><td>{{ (allocation.allocatedPercent ?: (expense.montanHt > 0 ? allocation.allocatedAmount / expense.montanHt * 100 : 0))|number_format(0, ',', ' ') }}%</td><td><strong class="text-danger">{{ allocation.allocatedAmount|number_format(2, ',', ' ') }} €</strong></td><td><em class="is-{{ expense.status }}"><i></i>{{ expense.status == 'draft' ? 'Brouillon' : (expense.status == 'paid' ? 'Payée' : 'Validée') }}</em></td></tr>{% else %}<tr><td colspan="8" class="text-center text-muted py-5">Aucune dépense ventilée sur cette période.</td></tr>{% endfor %}</tbody><tfoot><tr><th colspan="4">Total dépenses allouées</th><th>{{ view.supplier_expenses|number_format(2, ',', ' ') }} €</th><th></th><th>{{ view.supplier_expenses|number_format(2, ',', ' ') }} €</th><th></th></tr></tfoot></table></div></section>

        <section class="profitability-project-table is-mileage"><header><div><i class="ti ti-car"></i><h2 class="capsule-card-heading">Indemnités kilométriques</h2><span>{{ view.mileage_count }} déplacements</span></div><a href="{{ path('commercial_mileage_new') }}"><i class="ti ti-plus"></i> Ajouter</a></header><div class="table-responsive"><table class="table align-middle mb-0"><thead><tr><th>Date</th><th>Collaborateur</th><th>Motif</th><th>Km</th><th>Taux/km</th><th>Montant</th><th>Statut</th></tr></thead><tbody>{% for mileage in view.mileages %}<tr><td>{{ mileage.tripDate|date('d') }} {{ month_names[mileage.tripDate|date('n')] }} {{ mileage.tripDate|date('Y') }}</td><td><strong>{{ mileage.employee ? mileage.employee.prenom|slice(0,1) ~ '. ' ~ mileage.employee.nom : '—' }}</strong></td><td>{{ mileage.purpose }}</td><td><strong>{{ mileage.kilometers|number_format(0, ',', ' ') }}</strong></td><td>{{ mileage.ratePerKm|number_format(2, ',', ' ') }} €</td><td><strong>{{ mileage.amount|number_format(2, ',', ' ') }} €</strong></td><td><em class="is-{{ mileage.status }}"><i></i>{{ view.mileage_status_labels[mileage.status]|default(mileage.status) }}</em></td></tr>{% else %}<tr><td colspan="7" class="text-center text-muted py-5">Aucune indemnité sur cette période.</td></tr>{% endfor %}</tbody><tfoot><tr><th colspan="3">Total indemnités km</th><th>{{ view.mileages|reduce((carry, item) => carry + item.kilometers, 0)|number_format(0, ',', ' ') }} km</th><th></th><th>{{ view.mileage_expenses|number_format(2, ',', ' ') }} €</th><th></th></tr></tfoot></table></div></section>

        <section class="profitability-project-table is-salary"><header><div><i class="ti ti-users"></i><h2 class="capsule-card-heading">Coûts salariaux alloués</h2><span>{{ view.salary_allocation_count }} imputations</span></div></header><div class="table-responsive"><table class="table align-middle mb-0"><thead><tr><th>Période</th><th>Coût agrégé</th></tr></thead><tbody>{% for row in view.salary_period_rows %}<tr><td>{{ month_names[row.month|slice(5, 2)|number_format(0)]|capitalize }} {{ row.month|slice(0, 4) }}</td><td><strong>{{ row.amount|number_format(2, ',', ' ') }} €</strong></td></tr>{% else %}<tr><td colspan="2" class="text-center text-muted py-5">Aucun coût salarial imputé sur cette période.</td></tr>{% endfor %}</tbody><tfoot><tr><th>Total coûts salariaux</th><th>{{ view.salary_expenses|number_format(2, ',', ' ') }} €</th></tr></tfoot></table></div></section>

        <section class="profitability-project-table is-billing"><header><div><i class="ti ti-file-invoice"></i><h2 class="capsule-card-heading">Facturation</h2><span>{{ view.document_count }} factures</span></div><a href="{{ path('billing_document_new', {type:'invoice',projectId:project.id,clientId:project.client ? project.client.id : null}) }}"><i class="ti ti-plus"></i> Nouvelle facture</a></header><div class="table-responsive"><table class="table align-middle mb-0"><thead><tr><th>N° facture</th><th>Date</th><th>Libellé</th><th>Montant HT</th><th>TTC</th><th>Statut</th></tr></thead><tbody>{% for document in view.documents %}<tr><td><a href="{{ path('billing_document_show', {idtoken:document.idtoken}) }}">{{ document.number ?: 'Brouillon' }}</a></td><td>{{ document.issueDate ? document.issueDate|date('d/m/Y') : '—' }}</td><td>{{ document.lines|first ? (document.lines|first).label : 'Facture projet' }}</td><td><strong>{{ document.subtotalHt|number_format(2, ',', ' ') }} €</strong></td><td>{{ document.totalTtc|number_format(2, ',', ' ') }} €</td><td><em class="is-{{ document.status }}"><i></i>{{ view.billing_status_labels[document.status]|default(document.status) }}</em></td></tr>{% else %}<tr><td colspan="6" class="text-center text-muted py-5">Aucune facture associée au projet.</td></tr>{% endfor %}</tbody><tfoot><tr><th colspan="3">Total facturation</th><th>{{ view.billing_total_ht|number_format(2, ',', ' ') }} €</th><th>{{ view.billing_total_ttc|number_format(2, ',', ' ') }} €</th><th></th></tr></tfoot></table></div></section>
    </main>

    <aside><section class="profitability-financial"><header><i class="ti ti-calculator"></i>Résumé financier</header><div><dl><div><dt>Gains facturés</dt><dd>{{ view.gains_period|number_format(2, ',', ' ') }} €</dd></div><div><dt><i class="is-red"></i>Dép. fournisseurs</dt><dd class="text-danger">− {{ view.supplier_expenses|number_format(2, ',', ' ') }} €</dd></div><div><dt><i class="is-purple"></i>Indemnités km</dt><dd>− {{ view.mileage_expenses|number_format(2, ',', ' ') }} €</dd></div><div><dt><i class="is-blue"></i>Coûts salariaux</dt><dd>− {{ view.salary_expenses|number_format(2, ',', ' ') }} €</dd></div><div><dt>Total dépenses</dt><dd>{{ view.total_expenses_period|number_format(2, ',', ' ') }} €</dd></div><div class="is-total"><dt>Marge nette</dt><dd>{{ view.margin_period|number_format(2, ',', ' ') }} €</dd></div></dl><p><span>Taux de marge</span><strong>{{ view.margin_rate_period|number_format(1, ',', ' ') }}%</strong></p><div class="profitability-objective"><i style="width:{{ min(100,max(0,view.margin_rate_period)) }}%"></i></div><small><span>0%</span><span>Objectif 60%</span><span>100%</span></small></div></section>
        <section class="profitability-side-card"><header>Répartition des dépenses</header><div class="profitability-category-list">{% for row in view.category_rows %}<p><span><i style="background:{{ cycle(['#f59e0b','#8b5cf6','#1f9bd1','#ef476f','#10b981'], loop.index0) }}"></i>{{ row.name }}</span><strong>{{ row.amount|number_format(0, ',', ' ') }} €</strong></p>{% else %}<p class="text-muted">Aucune dépense ventilée.</p>{% endfor %}</div></section>
        <section class="profitability-side-card"><header>Avancement projet</header><div class="profitability-progress"><strong>{{ view.progress|number_format(0) }}%</strong><small>Progression globale</small><div><i style="width:{{ view.progress }}%"></i></div><section><span><b>{{ view.task_count }}</b>Tâches totales</span><span><b>{{ view.completed_task_count }}</b>Terminées</span><span><b>{{ view.in_progress_task_count }}</b>En cours</span><span><b>{{ view.open_ticket_count }}</b>Tickets ouverts</span></section>{% if project.deadline %}<p><i class="ti ti-clock-filled"></i><span><strong>Deadline : {{ project.deadline|date('d/m/Y') }}</strong><small>{{ view.deadline_days is not null and view.deadline_days >= 0 ? 'Il reste ' ~ view.deadline_days ~ ' jours' : 'Échéance dépassée' }}</small></span></p>{% endif %}</div></section>
        <section class="profitability-side-card"><header>Comparaison objectifs</header><div class="profitability-target"><p><span>CA facturé vs objectif</span><strong>{{ view.totalGains > 0 ? min(100,view.gains_period / view.totalGains * 100)|number_format(0) : 0 }}%</strong></p><div><i style="width:{{ view.totalGains > 0 ? min(100,view.gains_period / view.totalGains * 100) : 0 }}%"></i></div><small>{{ view.gains_period|number_format(0, ',', ' ') }} € / {{ view.totalGains|number_format(0, ',', ' ') }} € estimé</small></div></section>
    </aside></div>
</div>
{% endblock %}