{% extends '@Commercial/commercial/layout.html.twig' %}

{% block commercial_title %}Rentabilité projets{% endblock %}
{% block javascripts %}<script src="{{ asset('vendor/matdash/libs/apexcharts/dist/apexcharts.min.js') }}" defer></script>{{ parent() }}{% endblock %}

{% block commercial_content %}
<div class="profitability-page" data-controller="profitability-index" data-profitability-index-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">Rentabilité projets</h1>
            <p class="capsule-soustitre">Analysez les gains, dépenses et marges des projets de la société active.</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_export', filters) }}" data-turbo="false"><i class="ti ti-download"></i> Exporter</a>
            <a class="capsule-button capsule-button--secondary" href="{{ path('commercial_project_profitability_index', filters|merge({archived:1})) }}"><i class="ti ti-archive-filled"></i> Inclure projets archivés</a>
            <a class="capsule-button capsule-button--primary" href="{{ path('commercial_expense_index', {allocation:'unallocated'}) }}"><i class="ti ti-alert-triangle-filled"></i> Voir dépenses non ventilées <span>{{ view.unallocated_expenses }}</span></a>

        </div>
    </header>

    <section class="data-kpis-5" aria-label="Indicateurs des dépenses">
        <article class="data-kpi data-kpi--indigo">
            <span class="data-kpi__icon"><i class="ti ti-trending-up"></i></span>
            <div>
                <span>Chiffre d'affaires projets</span>
                <strong>{{ view.totals.gains|number_format(0, ',', ' ') }} €</strong>
                <small>Sur {{ view.total_rows }} projet{{ view.total_rows > 1 ? 's' : '' }} affiché{{ view.total_rows > 1 ? 's' : '' }}</small>
            </div>
        </article>

        <article class="data-kpi data-kpi--red">
            <span class="data-kpi__icon"><i class="ti ti-trending-down"></i></span>
            <div>
                <span>Dépenses ventilées</span>
                <strong>{{ view.totals.allocated_expenses|number_format(0, ',', ' ') }} €</strong>
                <small>HT alloués aux projets</small>
            </div>
        </article>

        <article class="data-kpi data-kpi--violet">
            <span class="data-kpi__icon"><i class="ti ti-car"></i></span>
            <div>
                <span>Indemnités km</span>
                <strong>{{ view.totals.mileage|number_format(0, ',', ' ') }} €</strong>
                <small>Validées et payées</small>
            </div>
        </article>

        <article class="data-kpi data-kpi--green-border">
            <span class="data-kpi__icon"><i class="ti ti-moneybag"></i></span>
            <div>
                <span>Marge globale</span>
                <strong>{{ view.totals.margin|number_format(0, ',', ' ') }} €</strong>
                <small>Gains − dépenses − indemnités</small>
            </div>
        </article>

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


    <div class="profitability-layout"><main>
        <form class="profitability-filters" method="get" id="profitability-filter-form"><label><i class="ti ti-search"></i><input class="form-control" name="q" value="{{ filters.q }}" placeholder="Rechercher un projet ou client…"></label><select class="form-select" name="client"><option value="0">Client</option>{% for client in view.clients %}<option value="{{ client.id }}" {{ filters.client == client.id ? 'selected' : '' }}>{{ client.nom }}</option>{% endfor %}</select><select class="form-select" name="status"><option value="">Statut projet</option>{% for status in view.statuses %}<option value="{{ status }}" {{ filters.status == status ? 'selected' : '' }}>{{ status }}</option>{% endfor %}</select><select class="form-select" name="period"><option value="">Période</option><option value="current_year" {{ filters.period == 'current_year' ? 'selected' : '' }}>Cette année</option><option value="previous_year" {{ filters.period == 'previous_year' ? 'selected' : '' }}>Année précédente</option></select><select class="form-select" name="type"><option value="">Type projet</option>{% for type in view.types %}<option value="{{ type }}" {{ filters.type == type ? 'selected' : '' }}>{{ type }}</option>{% endfor %}</select><label class="profitability-switch"><input type="checkbox" name="archived" value="1" {{ filters.archived ? 'checked' : '' }}><span></span>Inclure archivés</label><button class="btn btn-primary"><i class="ti ti-filter-filled"></i> Filtrer</button><a href="{{ path('commercial_project_profitability_index') }}">Réinitialiser</a></form>

        <section class="profitability-chart-card"><header><div><h2>Vue d'ensemble — Gains vs Dépenses par projet</h2><p>Marge nette par projet sur la période sélectionnée</p></div><nav><span><i class="is-gain"></i>Gains</span><span><i class="is-expense"></i>Dépenses</span><span><i class="is-margin"></i>Marge</span></nav></header><div data-profitability-index-target="chart" class="profitability-chart"></div></section>

        <section class="profitability-table-card"><header><div><h2>Projets</h2><span>{{ view.total_rows }} projet{{ view.total_rows > 1 ? 's' : '' }}</span></div><label>Trier par <select class="form-select form-select-sm" name="sort" form="profitability-filter-form" data-action="change->profitability-index#submitFilters"><option value="margin_desc" {{ filters.sort == 'margin_desc' ? 'selected' : '' }}>Marge (desc)</option><option value="rate_desc" {{ filters.sort == 'rate_desc' ? 'selected' : '' }}>Taux (desc)</option><option value="gains_desc" {{ filters.sort == 'gains_desc' ? 'selected' : '' }}>Gains (desc)</option><option value="expenses_desc" {{ filters.sort == 'expenses_desc' ? 'selected' : '' }}>Dépenses (desc)</option><option value="name" {{ filters.sort == 'name' ? 'selected' : '' }}>Nom A–Z</option></select></label></header><div class="table-responsive"><table class="table align-middle mb-0 profitability-table"><thead><tr><th>Projet</th><th>Client</th><th>Statut</th><th>Gains</th><th>Dép. fourn.</th><th>Ind. km</th><th>Total dép.</th><th>Marge</th><th>Taux</th><th>Ventilation</th><th>Actions</th></tr></thead><tbody>
        {% for row in view.rows %}{% set project = row.project %}<tr><td><div class="profitability-project"><i class="ti {{ cycle(['ti-world','ti-tool','ti-device-mobile','ti-palette','ti-hierarchy-2','ti-building-store'], loop.index0) }}"></i><span><strong>{{ project.titre }}</strong><small>{{ project.type ?: 'Projet' }}</small></span></div></td><td>{% if project.client %}<div class="profitability-client"><i>{{ project.client.nom|slice(0,2)|upper }}</i><span>{{ project.client.nom }}</span></div>{% else %}—{% endif %}</td><td><span class="profitability-status is-{{ row.status_class }}"><i></i>{{ project.statut }}</span></td><td><strong>{{ row.totalGains|number_format(0, ',', ' ') }} €</strong></td><td class="text-danger">{{ (row.directExpenses + row.allocatedExpenses)|number_format(0, ',', ' ') }} €</td><td class="profitability-mileage">{{ row.mileageExpenses > 0 ? row.mileageExpenses|number_format(0, ',', ' ') ~ ' €' : '—' }}</td><td><strong>{{ row.totalExpenses|number_format(0, ',', ' ') }} €</strong></td><td><strong class="{{ row.marginAmount < 0 ? 'text-danger' : (row.marginRate < 50 ? 'text-warning' : 'text-success') }}">{{ row.marginAmount|number_format(0, ',', ' ') }} €</strong></td><td><div class="profitability-rate {{ row.marginRate < 0 ? 'is-danger' : (row.marginRate < 50 ? 'is-warning' : '') }}"><strong>{{ row.marginRate|number_format(1, ',', ' ') }}%</strong><span><i style="width:{{ min(100, max(0, row.marginRate)) }}%"></i></span></div></td><td><span class="profitability-allocation {{ row.ventilated ? '' : 'is-missing' }}"><i class="ti {{ row.ventilated ? 'ti-circle-check-filled' : 'ti-alert-triangle-filled' }}"></i>{{ row.ventilated ? 'Ventilée' : 'Non ventilée' }}</span></td><td class="d-flex gap-2"><a class="link" href="{{ path('commercial_project_profitability_show', {projectId:project.id}) }}"><i class="ti ti-eye fs-5"></i></a><a class="link" href="{{ path('projet_show', {id:project.id}) }}"><i class="ti ti-dots-vertical fs-5"></i></a></td></tr>{% else %}<tr><td colspan="11" class="text-center text-muted py-5">Aucun projet ne correspond aux filtres.</td></tr>{% endfor %}
        </tbody><tfoot><tr><th colspan="3">Totaux ({{ view.total_rows }} projets)</th><th>{{ view.totals.gains|number_format(0, ',', ' ') }} €</th><th>{{ view.totals.allocated_expenses|number_format(0, ',', ' ') }} €</th><th>{{ view.totals.mileage|number_format(0, ',', ' ') }} €</th><th>{{ view.totals.expenses|number_format(0, ',', ' ') }} €</th><th>{{ view.totals.margin|number_format(0, ',', ' ') }} €</th><th>{{ view.totals.rate|number_format(1, ',', ' ') }}%</th><th colspan="2"></th></tr></tfoot></table></div><footer><span>Affichage de <strong>{{ view.first_row }}–{{ view.last_row }}</strong> sur {{ view.total_rows }} projets</span><nav>{% if view.page > 1 %}<a href="{{ path('commercial_project_profitability_index', filters|merge({page:view.page - 1})) }}"><i class="ti ti-chevron-left"></i></a>{% endif %}{% for page in 1..view.page_count %}<a class="{{ page == view.page ? 'is-active' : '' }}" href="{{ path('commercial_project_profitability_index', filters|merge({page:page})) }}">{{ page }}</a>{% endfor %}{% if view.page < view.page_count %}<a href="{{ path('commercial_project_profitability_index', filters|merge({page:view.page + 1})) }}"><i class="ti ti-chevron-right"></i></a>{% endif %}</nav></footer></section>
    </main>

    <aside><section class="profitability-alert"><header><i class="ti ti-alert-triangle-filled"></i><h2>Dépenses à traiter</h2></header><div><a href="{{ path('commercial_expense_index', {allocation:'unallocated'}) }}"><i class="ti ti-receipt"></i><span><strong>{{ view.unallocated_expenses }} dépense{{ view.unallocated_expenses > 1 ? 's' : '' }}</strong><small>Non ventilées</small></span><b>{{ view.unallocated_expenses }}</b></a><div><i class="ti ti-car"></i><span><strong>{{ view.unassigned_mileage }} indemnité{{ view.unassigned_mileage > 1 ? 's' : '' }}</strong><small>Sans projet assigné</small></span><b>{{ view.unassigned_mileage }}</b></div><a class="btn" href="{{ path('commercial_expense_index', {allocation:'unallocated'}) }}"><i class="ti ti-arrow-right"></i> Voir et traiter</a></div></section>
        <section class="profitability-types"><header>Performance par type</header><div>{% for type in view.performance_types|slice(0,5) %}<article><p><span><i style="background:{{ cycle(['#6558ef','#8b5cf6','#1f9bd1','#ef4444','#10b981'], loop.index0) }}"></i>{{ type.name }}</span><strong class="{{ type.rate < 50 ? 'text-warning' : 'text-success' }}">{{ type.rate|number_format(1, ',', ' ') }}%</strong></p><div><i style="width:{{ min(100, max(0, type.rate)) }}%;background:{{ cycle(['#6558ef','#8b5cf6','#1f9bd1','#ef4444','#10b981'], loop.index0) }}"></i></div><small>{{ type.gains|number_format(0, ',', ' ') }} € CA · {{ type.projects }} projet{{ type.projects > 1 ? 's' : '' }}</small></article>{% else %}<p class="text-muted">Aucune donnée disponible.</p>{% endfor %}</div></section>
    </aside></div>
</div>
{% endblock %}