@php
    use App\Support\Money;
    use App\Services\Investisseurs\InvestorEarningService as M;
    use App\Support\Investisseurs\Graphiques;
    $j = fn ($d) => $d ? \Illuminate\Support\Carbon::parse($d)->format('d/m/Y') : '—';
@endphp
<x-investisseur.coquille titre="Mon portefeuille" :sous="$compte->nom">
    <div class="carte" style="margin-bottom:14px">
        <div class="entete" style="margin:0 0 6px">
            <div>
                <div class="muet">Valeur du portefeuille (HT)</div>
                <div class="grand">{{ Money::format($r['valeur']) }}</div>
                <span class="badge" style="background:var(--prev-fond);color:var(--prev)">+{{ Money::format($r['estime_a_terme']) }} estimé à terme · +{{ number_format($r['estime_pct'], 1, ',', ' ') }} %</span>
                <span class="prev">Prévisionnel</span>
            </div>
            <div class="selecteur" role="group" aria-label="Période">
                @foreach (['1M', '3M', '6M', 'Tout'] as $p)
                    <button type="button" wire:click="choisir('{{ $p }}')" @class(['actif' => $periode === $p])>{{ $p }}</button>
                @endforeach
            </div>
        </div>
        {!! $graphe !!}
        <div class="muet">— capital réel · <span style="color:var(--projection)">- - projection</span> (paliers aux fins prévues des marchés, prévisionnel)</div>
    </div>

    <div class="grille g6" style="margin-bottom:14px">
        <div class="carte"><div class="muet">Capital investi</div><div class="chiffre">{{ Money::format($r['capital']) }}</div></div>
        <div class="carte"><div class="muet">Placé</div><div class="chiffre">{{ number_format($r['pct_place'], 1, ',', ' ') }} %</div><div class="muet">{{ Money::format($r['non_affecte']) }} non affecté</div></div>
        <div class="carte"><div class="muet">Rendement estimé</div><div class="chiffre">{{ number_format($r['estime_pct'], 1, ',', ' ') }} %</div><span class="prev">Prévisionnel</span></div>
        <div class="carte"><div class="muet">Dépenses engagées (ma part)</div><div class="chiffre">{{ Money::format($r['depenses_engagees']) }}</div></div>
        <div class="carte"><div class="muet">Prochain jalon</div><div class="chiffre">{{ $j($r['prochain_jalon']) }}</div></div>
        <div class="carte"><div class="muet">Horizon</div><div class="chiffre">{{ $j($r['horizon']) }}</div></div>
    </div>

    <div class="grille g3" style="margin-bottom:14px">
        <div class="carte">
            <h3>Répartition</h3>
            <div style="display:flex;gap:14px;align-items:center;flex-wrap:wrap">
                {!! $anneau !!}
                <ul class="legende">
                    @foreach ($r['repartition'] as $i => $p)
                        <li><i style="background:{{ Graphiques::couleur($i, $p['code']) }}"></i>{{ $p['code'] }} — {{ Money::format($p['montant']) }}</li>
                    @endforeach
                </ul>
            </div>
        </div>
        <div class="carte">
            <h3>Exposition</h3>
            @forelse ($r['exposition'] as $nature => $montant)
                <div class="ligne"><span>{{ $nature }}</span><b>{{ Money::format($montant) }}</b></div>
            @empty
                <p class="muet">Aucun capital affecté pour l'instant.</p>
            @endforelse
        </div>
        <div class="carte">
            <h3>Gains</h3>
            <div class="ligne"><span>Acquis</span><b>{{ Money::format($r['gains_acquis']) }}</b></div>
            <div class="ligne"><span>dont capitalisés</span><span>{{ Money::format($r['gains_capitalises']) }}</span></div>
            <div class="ligne"><span>Versés</span><span>{{ Money::format($r['verse']) }}</span></div>
            <div class="ligne"><span>Estimé à terme</span><span>{{ Money::format($r['estime_a_terme']) }} <span class="prev">Prévisionnel</span></span></div>
        </div>
    </div>

    <div class="carte" style="margin-bottom:14px">
        <h2>Mes positions</h2>
        <div class="table-defile">
            <table class="positions">
                <thead><tr><th>Marché</th><th class="num">Mise</th><th class="num">Part · taux</th><th>Dépenses / budget</th><th class="num">Marge réelle</th><th class="num">Gain estimé</th><th>Dépenses / mois</th><th>Fin prévue</th><th></th></tr></thead>
                <tbody>
                    @forelse ($r['positions'] as $p)
                        <tr wire:key="pos-{{ $p['id'] }}">
                            <td><b>{{ $p['libelle'] }}</b> <span class="badge">{{ $p['mode_court'] }}</span>@if ($p['mention_exclusions'])<div class="muet">{{ $p['mention_exclusions'] }}</div>@endif</td>
                            <td class="num">{{ Money::format($p['affecte']) }}</td>
                            <td class="num">{{ M::pct($p['part']) }} · {{ M::pct($p['taux']) }}</td>
                            <td>
                                @if ($p['jauge'] !== null)
                                    <div class="jauge"><span style="width:{{ $p['jauge'] }}%"></span></div>
                                    <span class="muet">{{ Money::format($p['depenses_reelles']) }} / {{ Money::format($p['budget']) }}</span>
                                @else
                                    <span class="muet">{{ Money::format($p['depenses_reelles']) }}</span>
                                @endif
                            </td>
                            <td class="num">{{ $p['marge_reelle'] === null ? 'non lisible' : Money::format($p['marge_reelle']) }}</td>
                            <td class="num">{{ Money::format($p['gain_estime']) }} @if ($p['gain_estime_provisoire'])<span class="prev">Prévisionnel</span>@endif</td>
                            <td>{!! $minis[$p['id']] ?? '' !!}</td>
                            <td>{{ $j($p['fin_prevue']) }}</td>
                            <td><a href="{{ route('investisseur.marche', ['affectation' => $p['id']]) }}" wire:navigate>Ouvrir</a></td>
                        </tr>
                    @empty
                        <tr><td colspan="9" class="muet">Votre capital n'est encore affecté à aucun marché.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="grille g2">
        <div class="carte">
            <h2>Derniers événements</h2>
            <ul class="evenements">
                @forelse ($evenements as $e)
                    <li><span class="muet">{{ $e->created_at->format('d/m/Y') }}</span> — {{ $e->label }}</li>
                @empty
                    <li class="muet">Rien encore.</li>
                @endforelse
            </ul>
        </div>
        <div class="formule">
            <h2>Comment se calcule votre gain</h2>
            <p><b>Votre part</b>, selon le mode de chaque position : « Financement » = votre mise ÷ le total engagé du marché (son budget de dépenses, ou ses dépenses retenues si elles le dépassent ; à l'achèvement, le réel seul) ; « Contrat » = votre mise ÷ le montant HT du contrat.</p>
            <p><b>Votre gain</b> = (encaissé HT − coût retenu du marché) × votre part × votre taux de partage, moins ce que vous avez déjà acquis. Le coût retenu est le coût complet, hors les charges exclues de votre position (« Hors : … »). Un gain acquis ne vous est jamais repris.</p>
            @foreach ($r['positions'] as $p)
                <p class="muet" style="margin:4px 0"><b>{{ $p['libelle'] }}</b> — {{ $p['formule'][0] }}</p>
            @endforeach
            <p class="muet">Tous les montants sont hors taxes (DH HT). « Prévisionnel » : estimé sur le budget, remplacé par le réel au fil du marché.</p>
        </div>
    </div>
</x-investisseur.coquille>