@php use App\Support\Money; @endphp

<x-filament-panels::page>
    {{-- Comptage physique de la caisse (v1.5 §8.6). --}}

    <div class="grid gap-3 sm:grid-cols-2">
        @foreach ($soldes as $ligne)
            <div @class([
                'rounded-xl border p-4',
                'border-danger-300 bg-danger-50 dark:border-danger-500/30 dark:bg-danger-500/10' => $ligne['solde'] < 0,
                'border-gray-200 bg-white dark:border-white/10 dark:bg-white/5' => $ligne['solde'] >= 0,
            ])>
                <p class="text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400">{{ $ligne['compte']->name }}</p>
                <p @class([
                    'mt-1 text-2xl font-bold tabular-nums',
                    'text-danger-700 dark:text-danger-300' => $ligne['solde'] < 0,
                    'text-gray-900 dark:text-white' => $ligne['solde'] >= 0,
                ])>{{ Money::format($ligne['solde']) }}</p>
                @if ($ligne['solde'] < 0)
                    <p class="mt-2 text-xs text-danger-700 dark:text-danger-300">
                        Une caisse ne peut pas être négative : il manque une entrée d'espèces, ou une
                        sortie est enregistrée en double. Comptez le tiroir ci-dessous.
                    </p>
                @endif
            </div>
        @endforeach
    </div>

    <form wire:submit="enregistrer">
        {{ $this->form }}

        <div class="mt-6">
            <x-filament::button type="submit" icon="heroicon-o-check">Enregistrer le comptage</x-filament::button>
        </div>
    </form>

    <div class="rounded-xl border border-gray-200 bg-white dark:border-white/10 dark:bg-white/5">
        <p class="border-b border-gray-100 px-4 py-3 text-sm font-semibold text-gray-900 dark:border-white/10 dark:text-white">
            Comptages précédents
        </p>

        @if ($historique->isEmpty())
            <p class="px-4 py-6 text-sm text-gray-500 dark:text-gray-400">
                Aucun comptage enregistré. Le premier fixera la référence.
            </p>
        @else
            <div class="overflow-x-auto">
                <table class="w-full text-sm">
                    <thead class="text-left text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400">
                        <tr>
                            <th class="px-4 py-2">Date</th>
                            <th class="px-4 py-2">Caisse</th>
                            <th class="px-4 py-2 text-right">Compté</th>
                            <th class="px-4 py-2 text-right">Calculé</th>
                            <th class="px-4 py-2 text-right">Écart</th>
                            <th class="px-4 py-2">Motif</th>
                            <th class="px-4 py-2">Régularisé</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($historique as $comptage)
                            <tr class="border-t border-gray-100 dark:border-white/10">
                                <td class="px-4 py-2 whitespace-nowrap">{{ $comptage->counted_at?->format('d/m/Y') }}</td>
                                <td class="px-4 py-2">{{ $comptage->account?->name }}</td>
                                <td class="px-4 py-2 text-right tabular-nums">{{ Money::format($comptage->counted_amount) }}</td>
                                <td class="px-4 py-2 text-right tabular-nums">{{ Money::format($comptage->computed_balance) }}</td>
                                <td @class([
                                    'px-4 py-2 text-right font-semibold tabular-nums',
                                    'text-danger-600 dark:text-danger-400' => (float) $comptage->difference != 0.0,
                                ])>{{ Money::format($comptage->difference) }}</td>
                                <td class="px-4 py-2 text-gray-600 dark:text-gray-300">{{ $comptage->reason ?: '—' }}</td>
                                <td class="px-4 py-2">{{ $comptage->adjustment_transaction_id ? 'Oui' : 'Non' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
</x-filament-panels::page>