@php use App\Support\Money; @endphp

<x-filament-panels::page>
    @php $markets = $this->markets; @endphp

    @if ($markets->isEmpty())
        <x-filament::section>
            <p class="text-sm text-gray-500 dark:text-gray-400">
                Aucun investissement n'est actuellement rattaché à votre compte.
            </p>
        </x-filament::section>
    @else
        <div class="grid grid-cols-1 gap-6">
            @foreach ($markets as $market)
                @php $inv = $market['investment']; @endphp
                <x-filament::section>
                    <x-slot name="heading">{{ $market['project_name'] }}</x-slot>
                    <x-slot name="description">
                        {{ $market['mode'] }} ·
                        {{ rtrim(rtrim(number_format($market['rate'], 2, ',', ' '), '0'), ',') }} % ·
                        {{ $market['payout_basis'] }}
                    </x-slot>

                    <x-slot name="headerEnd">
                        <x-filament::link :href="route('investor.statement', ['investment' => $inv->id])" size="sm" icon="heroicon-o-document-arrow-down">
                            Relevé PDF
                        </x-filament::link>
                    </x-slot>

                    {{-- Always visible: invested capital --}}
                    <div class="mb-4 text-sm text-gray-600 dark:text-gray-300">
                        Montant investi : <span class="font-semibold text-gray-900 dark:text-white">{{ Money::format($market['invested']) }}</span>
                    </div>

                    {{-- progress --}}
                    @if (in_array('progress', $market['sections'], true))
                        @php $p = $market['progress']; @endphp
                        <div class="mb-5">
                            <div class="mb-1 flex items-center justify-between text-xs text-gray-500 dark:text-gray-400">
                                <span>Avancement (décomptes encaissés / montant du marché)</span>
                                <span class="font-medium">{{ rtrim(rtrim(number_format($p['percent'], 1, ',', ' '), '0'), ',') }} %</span>
                            </div>
                            <div class="h-3 w-full overflow-hidden rounded-full bg-gray-100 dark:bg-white/10">
                                <div class="h-3 rounded-full bg-primary-500" style="width: {{ $p['percent'] }}%"></div>
                            </div>
                            <div class="mt-1 text-xs text-gray-500 dark:text-gray-400">
                                {{ Money::format($p['collected']) }} / {{ Money::format($p['market']) }}
                            </div>
                        </div>
                    @endif

                    {{-- own_payouts --}}
                    @if (in_array('own_payouts', $market['sections'], true))
                        @php $s = $market['payouts']['summary']; @endphp
                        <div class="mb-3 grid grid-cols-2 gap-3 sm:grid-cols-4">
                            @foreach (['invested' => 'Investi', 'due' => 'Dû', 'paid' => 'Versé', 'remaining' => 'Restant'] as $k => $lbl)
                                <div class="rounded-lg border border-gray-100 p-3 text-center dark:border-white/10">
                                    <div class="text-xs uppercase text-gray-400">{{ $lbl }}</div>
                                    <div class="text-sm font-semibold text-gray-900 dark:text-white">{{ Money::format($s[$k]) }}</div>
                                </div>
                            @endforeach
                        </div>
                        <div class="overflow-x-auto">
                            <table class="w-full text-sm">
                                <thead>
                                    <tr class="text-left text-xs uppercase text-gray-400">
                                        <th class="py-1">Échéance</th>
                                        <th class="py-1 text-right">Montant dû</th>
                                        <th class="py-1">Statut</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-gray-100 dark:divide-white/10">
                                    @forelse ($market['payouts']['list'] as $payout)
                                        <tr>
                                            <td class="py-1.5">{{ $payout->due_date?->format('d/m/Y') }}</td>
                                            <td class="py-1.5 text-right">{{ Money::format($payout->amount_due) }}</td>
                                            <td class="py-1.5">
                                                <x-filament::badge :color="$payout->status->color()">{{ $payout->status->label() }}</x-filament::badge>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr><td colspan="3" class="py-2 text-gray-400">Aucun versement pour le moment.</td></tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    @endif

                    {{-- revenue --}}
                    @if (in_array('revenue', $market['sections'], true))
                        @php $r = $market['revenue']; @endphp
                        <div class="mt-4 border-t border-gray-100 pt-3 text-sm dark:border-white/10">
                            <div class="mb-1 font-medium text-gray-700 dark:text-gray-200">Chiffre d'affaires (HT)</div>
                            <div class="grid grid-cols-3 gap-3 text-center text-xs">
                                <div><div class="text-gray-400">Marché</div><div class="font-semibold">{{ Money::format($r['market_ht']) }}</div></div>
                                <div><div class="text-gray-400">Facturé</div><div class="font-semibold">{{ Money::format($r['invoiced_ht']) }}</div></div>
                                <div><div class="text-gray-400">Encaissé</div><div class="font-semibold">{{ Money::format($r['collected_ht']) }}</div></div>
                            </div>
                        </div>
                    @endif

                    {{-- milestones --}}
                    @if (in_array('milestones', $market['sections'], true))
                        <div class="mt-4 border-t border-gray-100 pt-3 text-sm dark:border-white/10">
                            <div class="mb-1 font-medium text-gray-700 dark:text-gray-200">Détail des décomptes</div>
                            <div class="overflow-x-auto">
                                <table class="w-full text-xs">
                                <tbody class="divide-y divide-gray-100 dark:divide-white/10">
                                    @foreach ($market['milestones'] as $m)
                                        <tr>
                                            <td class="py-1">{{ $m->label }}</td>
                                            <td class="py-1 text-right">{{ Money::format($m->amount_ht) }}</td>
                                            <td class="py-1 text-right text-gray-400">{{ $m->status->label() }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                </table>
                            </div>
                        </div>
                    @endif

                    {{-- expenses --}}
                    @if (in_array('expenses', $market['sections'], true))
                        <div class="mt-4 border-t border-gray-100 pt-3 text-sm dark:border-white/10">
                            <div class="mb-1 font-medium text-gray-700 dark:text-gray-200">Dépenses par catégorie</div>
                            @forelse ($market['expenses'] as $row)
                                <div class="flex justify-between py-0.5 text-xs">
                                    <span>{{ $row['category'] }}</span>
                                    <span class="font-medium">{{ Money::format($row['amount']) }}</span>
                                </div>
                            @empty
                                <div class="text-xs text-gray-400">Aucune dépense enregistrée.</div>
                            @endforelse
                        </div>
                    @endif

                    {{-- margin --}}
                    @if (in_array('margin', $market['sections'], true))
                        @php $mg = $market['margin']; @endphp
                        <div class="mt-4 border-t border-gray-100 pt-3 text-sm dark:border-white/10">
                            <span class="font-medium text-gray-700 dark:text-gray-200">Marge :</span>
                            <span class="font-semibold text-gray-900 dark:text-white">{{ Money::format($mg['amount']) }}</span>
                            <span class="text-gray-400">({{ rtrim(rtrim(number_format($mg['percent'], 1, ',', ' '), '0'), ',') }} %)</span>
                        </div>
                    @endif

                    {{-- documents --}}
                    @if (in_array('documents', $market['sections'], true))
                        <div class="mt-4 border-t border-gray-100 pt-3 text-sm dark:border-white/10">
                            <div class="mb-1 font-medium text-gray-700 dark:text-gray-200">Documents partagés</div>
                            @forelse ($market['documents'] as $doc)
                                <div class="text-xs">{{ $doc['name'] ?? '' }}</div>
                            @empty
                                <div class="text-xs text-gray-400">Aucun document partagé.</div>
                            @endforelse
                        </div>
                    @endif
                </x-filament::section>
            @endforeach
        </div>
    @endif
</x-filament-panels::page>