@section('title', __('Split Financial Report'))
<div>
    <x-baseview title="{{ __('Split Financial Report') }}">

        @if ($isSandbox)
            <div class="px-3 py-2 mt-4 text-xs rounded-lg"
                style="background:#fffbeb;border:1px solid #fcd34d;color:#92400e">
                {{ __('Sandbox environment — values are test data.') }}
            </div>
        @endif

        {{-- ============ como o dinheiro flui ============ --}}
        <div class="p-4 mt-4 bg-white border rounded-lg">
            <p class="text-sm font-bold text-gray-700">{{ __('How the money flows') }}</p>
            <ol class="mt-2 text-xs text-gray-600" style="list-style:decimal;padding-left:1.2rem;line-height:1.8">
                <li>{{ __('The client pays (PIX or card); Asaas splits at the source: the driver share goes to the driver subaccount, the platform share stays in the main account.') }}</li>
                <li>{{ __('Asaas releases the money after the settlement period:') }} <b>PIX D+{{ $pixDays }}</b> · <b>{{ __('Card') }} D+{{ $cardDays }}</b></li>
                <li>{{ __('The automatic payout job then transfers each driver subaccount balance to the driver PIX (CPF).') }}
                    {{ __('Frequency') }}: <b>{{ __(ucfirst($payoutFrequency)) }}</b> ·
                    {{ __('Next run') }}: <b>{{ $nextPayout->format('d/m/Y H:i') }}</b>
                    @if ($lastRun) · {{ __('Last run') }}: {{ $lastRun }} @endif
                </li>
            </ol>
        </div>

        {{-- ============ régua de números (mesmo padrão da Central) ============ --}}
        <div class="grid grid-cols-3 gap-3 mt-4">
            <div class="px-3 py-2 bg-white border rounded-lg">
                <p class="text-lg font-bold" style="color:#111827">{{ $balance === null ? '·' : 'R$ ' . number_format($balance, 2, ',', '.') }}</p>
                <p class="text-[11px] text-gray-500">{{ __('Platform balance (Asaas)') }}</p>
            </div>
            <div class="px-3 py-2 bg-white border rounded-lg">
                <p class="text-lg font-bold" style="color:#111827">R$ {{ number_format($summary['gross'], 2, ',', '.') }}</p>
                <p class="text-[11px] text-gray-500">{{ __('Gross received') }}</p>
            </div>
            <div class="px-3 py-2 bg-white border rounded-lg">
                <p class="text-lg font-bold" style="color:#b45309">R$ {{ number_format($summary['fee'], 2, ',', '.') }}</p>
                <p class="text-[11px] text-gray-500">{{ __('Asaas fees') }}</p>
            </div>
            <div class="px-3 py-2 bg-white border rounded-lg">
                <p class="text-lg font-bold" style="color:#047857">R$ {{ number_format($summary['driver'], 2, ',', '.') }}</p>
                <p class="text-[11px] text-gray-500">{{ __('Drivers') }}</p>
            </div>
            <div class="px-3 py-2 bg-white border rounded-lg">
                <p class="text-lg font-bold" style="color:#1d4ed8">R$ {{ number_format($summary['platform'], 2, ',', '.') }}</p>
                <p class="text-[11px] text-gray-500">{{ __('Platform') }}</p>
            </div>
            <div class="px-3 py-2 bg-white border rounded-lg">
                <p class="text-lg font-bold">
                    <span style="color:#16a34a">{{ $summary['paidCount'] }} {{ __('Paid') }}</span>
                    <span class="text-gray-300">·</span>
                    <span style="color:#d97706">{{ $summary['pendingCount'] }} {{ __('Pending') }}</span>
                </p>
                <p class="text-[11px] text-gray-500">{{ __('Orders') }}</p>
            </div>
        </div>

        {{-- ============ filtros ============ --}}
        <div class="flex flex-wrap items-end gap-3 p-3 mt-4 bg-white border rounded-lg">
            <div>
                <label class="block mb-1 text-xs text-gray-500">{{ __('From') }}</label>
                <input type="date" wire:model.lazy="from" class="text-sm border-gray-300 rounded-md" />
            </div>
            <div>
                <label class="block mb-1 text-xs text-gray-500">{{ __('To') }}</label>
                <input type="date" wire:model.lazy="to" class="text-sm border-gray-300 rounded-md" />
            </div>
            <div>
                <label class="block mb-1 text-xs text-gray-500">{{ __('Method') }}</label>
                <select wire:model="method" class="text-sm border-gray-300 rounded-md">
                    <option value="">{{ __('All methods') }}</option>
                    <option value="asaas_pix">PIX</option>
                    <option value="asaas">{{ __('Card') }}</option>
                </select>
            </div>
            <div>
                <label class="block mb-1 text-xs text-gray-500">{{ __('Status') }}</label>
                <select wire:model="status" class="text-sm border-gray-300 rounded-md">
                    <option value="">{{ __('All statuses') }}</option>
                    <option value="successful">{{ __('Paid') }}</option>
                    <option value="pending">{{ __('Pending') }}</option>
                </select>
            </div>
        </div>

        {{-- ============ pedido a pedido ============ --}}
        <div class="mt-4 bg-white border rounded-lg overflow-hidden">
            <div class="px-3 py-2 border-b">
                <p class="text-sm font-bold text-gray-700">{{ __('Per-order breakdown') }}</p>
            </div>
            <div class="align-middle min-w-full overflow-x-auto" style="border:0;border-radius:0;box-shadow:none">
                <table class="min-w-full divide-y divide-gray-200">
                    <thead>
                        <tr>
                            <th class="px-3 py-2" style="text-align:left">{{ __('Date') }}</th>
                            <th class="px-3 py-2" style="text-align:left">{{ __('Order') }}</th>
                            <th class="px-3 py-2" style="text-align:left">{{ __('Driver') }}</th>
                            <th class="px-3 py-2" style="text-align:left">{{ __('Method') }}</th>
                            <th class="px-3 py-2" style="text-align:right">{{ __('Gross') }}</th>
                            <th class="px-3 py-2" style="text-align:right">{{ __('Asaas fee') }}</th>
                            <th class="px-3 py-2" style="text-align:right">{{ __('Net') }}</th>
                            <th class="px-3 py-2" style="text-align:right">{{ __('Driver') }}</th>
                            <th class="px-3 py-2" style="text-align:right">{{ __('Platform') }}</th>
                            <th class="px-3 py-2" style="text-align:left">{{ __('Status') }}</th>
                            <th class="px-3 py-2" style="text-align:left">{{ __('Release') }}</th>
                        </tr>
                    </thead>
                    <tbody class="bg-white divide-y divide-gray-200">
                        @forelse ($rows as $r)
                            <tr>
                                <td style="white-space:nowrap">{{ $r->order->created_at->format('d/m H:i') }}</td>
                                <td>#{{ $r->order->code }}</td>
                                <td>{{ optional($r->order->driver)->name ?: '·' }}</td>
                                <td>{{ $r->methodLabel }}</td>
                                <td style="text-align:right">R$ {{ number_format($r->gross, 2, ',', '.') }}</td>
                                <td style="text-align:right;color:#b45309">- R$ {{ number_format($r->fee, 2, ',', '.') }}</td>
                                <td style="text-align:right">R$ {{ number_format($r->net, 2, ',', '.') }}</td>
                                <td style="text-align:right;color:#047857;white-space:nowrap">R$ {{ number_format($r->driverAmt, 2, ',', '.') }} <span style="color:#9ca3af">({{ rtrim(rtrim(number_format($r->share, 2, ',', '.'), '0'), ',') }}%)</span></td>
                                <td style="text-align:right;color:#1d4ed8">R$ {{ number_format($r->platformAmt, 2, ',', '.') }}</td>
                                <td>
                                    @if ($r->paid)
                                        <span class="px-2 py-0.5 text-xs rounded-full" style="background:#dcfce7;color:#15803d;font-weight:600">{{ __('Paid') }}</span>
                                    @else
                                        <span class="px-2 py-0.5 text-xs rounded-full" style="background:#fef3c7;color:#92400e;font-weight:600">{{ __('Pending') }}</span>
                                    @endif
                                </td>
                                <td style="white-space:nowrap">
                                    @if (!$r->paid)
                                        <span class="text-gray-300">·</span>
                                    @elseif ($r->released)
                                        <span style="color:#16a34a">{{ __('Available') }}</span>
                                    @else
                                        {{ $r->release->format('d/m/Y') }}
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="11" class="text-center text-gray-400" style="padding:1.5rem">{{ __('No split orders in this period.') }}</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        {{-- ============ repasses aos motoristas ============ --}}
        <div class="mt-4 bg-white border rounded-lg overflow-hidden">
            <div class="px-3 py-2 border-b">
                <p class="text-sm font-bold text-gray-700">{{ __('Driver payouts (transfers)') }}</p>
                <p class="text-xs text-gray-400">{{ __('Every automatic transfer from a driver subaccount to the driver PIX (CPF) is recorded here.') }}</p>
            </div>
            @if ($payouts->isEmpty())
                <p class="px-3 py-4 text-xs text-gray-400">{{ __('No payouts recorded yet.') }}</p>
            @else
                <div class="align-middle min-w-full overflow-x-auto" style="border:0;border-radius:0;box-shadow:none">
                    <table class="min-w-full divide-y divide-gray-200">
                        <thead>
                            <tr>
                                <th class="px-3 py-2" style="text-align:left">{{ __('Date') }}</th>
                                <th class="px-3 py-2" style="text-align:left">{{ __('Driver') }}</th>
                                <th class="px-3 py-2" style="text-align:right">{{ __('Amount') }}</th>
                                <th class="px-3 py-2" style="text-align:left">{{ __('Status') }}</th>
                                <th class="px-3 py-2" style="text-align:left">Transfer ID</th>
                            </tr>
                        </thead>
                        <tbody class="bg-white divide-y divide-gray-200">
                            @foreach ($payouts as $p)
                                <tr>
                                    <td style="white-space:nowrap">{{ \Illuminate\Support\Carbon::parse($p->created_at)->format('d/m/Y H:i') }}</td>
                                    <td>{{ $p->driver_name ?: ('#' . $p->driver_id) }}</td>
                                    <td style="text-align:right">R$ {{ number_format($p->amount, 2, ',', '.') }}</td>
                                    <td>
                                        @if ($p->status === 'created')
                                            <span class="px-2 py-0.5 text-xs rounded-full" style="background:#dcfce7;color:#15803d;font-weight:600">{{ __('Sent') }}</span>
                                        @else
                                            <span class="px-2 py-0.5 text-xs rounded-full" style="background:#fee2e2;color:#b91c1c;font-weight:600" title="{{ $p->note }}">{{ __('Failed') }}</span>
                                        @endif
                                    </td>
                                    <td class="text-gray-500" style="font-size:11px">{{ $p->transfer_id ?: '·' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>

    </x-baseview>
</div>