@section('title', __('Payment Split (Asaas)'))
<div>
    <x-baseview title="{{ __('Payment Split (Asaas)') }}">
        <div class="w-full p-8 space-y-6 bg-white rounded">

            {{-- status --}}
            <div>
                <p class="font-bold">{{ __('Status') }}</p>
                <div class="grid grid-cols-1 gap-4 my-2 md:grid-cols-2 lg:grid-cols-4">
                    <x-copyable-input label="{{ __('Environment') }}"
                        value="{{ $method ? ($isSandbox ? 'SANDBOX' : 'PRODUCTION') : __('not configured') }}" />
                    <x-copyable-input label="{{ __('Card method') }}"
                        value="{{ $method ? ($method->is_active ? __('active') : __('inactive')) : __('missing') }}" />
                    <x-copyable-input label="{{ __('API key') }}"
                        value="{{ $method && $method->secret_key ? __('set') : __('not set') }}" />
                    <x-copyable-input label="{{ __('Commission') }}" value="{{ $commission }}%" />
                </div>
                <x-copyable-input label="{{ __('Webhook URL (paste in Asaas)') }}" value="{{ $webhookUrl }}" />
            </div>

            <hr />

            {{-- Asaas fees (live, from /myAccount/fees) --}}
            <div>
                <div class="flex items-center gap-2">
                    <p class="font-bold">{{ __('Asaas fees (live)') }}</p>
                    <span class="text-xs text-gray-400">· {{ __('fetched from Asaas, updated automatically') }}</span>
                </div>
                @php
                    $p = data_get($fees, 'payment', []);
                    $t = data_get($fees, 'transfer', []);
                    $pix = data_get($p, 'pix', []);
                    $cc = data_get($p, 'creditCard', []);
                    $dc = data_get($p, 'debitCard', []);
                @endphp
                @if (empty($fees))
                    <p class="mt-2 text-sm text-gray-500">{{ __('No fee data yet (set the API key on the payment method first).') }}</p>
                @else
                    <div class="grid grid-cols-1 gap-4 my-2 md:grid-cols-2 lg:grid-cols-4">
                        <div class="p-3 border rounded">
                            <p class="text-xs text-gray-500">PIX</p>
                            <p class="font-semibold">R$ {{ number_format((float) data_get($pix, 'fixedFeeValue', 0), 2, ',', '.') }}
                                @if (data_get($pix, 'fixedFeeValueWithDiscount') !== null)
                                    <span class="text-xs text-green-700">({{ __('disc.') }} R$ {{ number_format((float) data_get($pix, 'fixedFeeValueWithDiscount', 0), 2, ',', '.') }})</span>
                                @endif
                            </p>
                            <p class="text-xs text-gray-500">{{ __('free/month') }}: {{ data_get($pix, 'monthlyCreditsWithoutFee', '—') }}</p>
                        </div>
                        <div class="p-3 border rounded">
                            <p class="text-xs text-gray-500">{{ __('Credit card (1x)') }}</p>
                            <p class="font-semibold">{{ number_format((float) (data_get($cc, 'hasValidDiscount') ? data_get($cc, 'discountOneInstallmentPercentage', 0) : data_get($cc, 'oneInstallmentPercentage', 0)), 2, ',', '.') }}%
                                + R$ {{ number_format((float) data_get($cc, 'operationValue', 0), 2, ',', '.') }}</p>
                            <p class="text-xs text-gray-500">{{ __('up to') }} {{ number_format((float) data_get($cc, 'upToTwentyOneInstallmentsPercentage', 0), 2, ',', '.') }}%</p>
                            @if (data_get($cc, 'discountExpiration'))
                                <p class="text-xs text-amber-600">{{ __('disc. until') }} {{ \Illuminate\Support\Str::substr(data_get($cc, 'discountExpiration'), 0, 10) }}</p>
                            @endif
                        </div>
                        <div class="p-3 border rounded">
                            <p class="text-xs text-gray-500">{{ __('Debit card') }}</p>
                            <p class="font-semibold">{{ number_format((float) data_get($dc, 'defaultPercentage', 0), 2, ',', '.') }}% + R$ {{ number_format((float) data_get($dc, 'operationValue', 0), 2, ',', '.') }}</p>
                        </div>
                        <div class="p-3 border rounded">
                            <p class="text-xs text-gray-500">{{ __('Withdrawal / transfer') }}</p>
                            <p class="font-semibold">PIX R$ {{ number_format((float) data_get($t, 'pix.feeValue', 0), 2, ',', '.') }} · TED R$ {{ number_format((float) data_get($t, 'ted.feeValue', 0), 2, ',', '.') }}</p>
                            <p class="text-xs text-gray-500">{{ __('free/month') }}: {{ data_get($t, 'monthlyTransfersWithoutFee', '—') }}</p>
                        </div>
                    </div>
                    <p class="text-sm text-gray-600">
                        {{ __('The Asaas fee is deducted from the amount before the split; the driver receives their % over the net.') }}
                        · {{ __('Split out') }}: R$ {{ number_format((float) data_get($stats, 'split.outcome', 0), 2, ',', '.') }}
                        · {{ __('Payments net') }}: R$ {{ number_format((float) data_get($stats, 'payment.netValue', 0), 2, ',', '.') }}
                    </p>
                @endif
            </div>

            <hr />

            {{-- config --}}
            <div>
                <p class="mb-2 font-bold">{{ __('Split configuration') }}</p>
                <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
                    <div>
                        <label class="text-sm">{{ __('Platform commission (%)') }}</label>
                        <p style="font-size:.95rem;font-weight:700">{{ $commission }}%
                            <a href="{{ route('settings.finance') }}" style="font-size:.72rem;font-weight:400;color:#1d4ed8;text-decoration:underline">{{ __('edit in Finance settings') }}</a>
                        </p>
                        <p class="text-xs text-gray-500">{{ __('Derived from the global driver share; individual value in the driver profile overrides it.') }}</p>
                    </div>
                    <div>
                        <label class="text-sm">{{ __('Test recebedor walletId (sandbox)') }}</label>
                        <input type="text" wire:model="testWalletId" class="w-full px-3 py-2 border rounded" />
                    </div>
                </div>
                <div class="mt-3">
                    <label class="text-sm">{{ __('Driver payout frequency') }}</label>
                    <select wire:model="payoutFrequency" class="w-full px-3 py-2 border rounded md:w-1/2">
                        <option value="daily">{{ __('Daily') }}</option>
                        <option value="weekly">{{ __('Weekly') }}</option>
                        <option value="biweekly">{{ __('Biweekly') }}</option>
                        <option value="monthly">{{ __('Monthly') }}</option>
                    </select>
                    <div class="mt-3">
                        <label class="text-sm">{{ __('PIX code timer (minutes)') }}</label><br />
                        <input type="number" step="1" min="1" max="60" wire:model="pixExpireMinutes" class="w-24 px-2 py-1 border rounded" />
                        @error('pixExpireMinutes')<p class="text-xs" style="color:#dc2626">{{ $message }}</p>@enderror
                        <p class="text-xs text-gray-500">{{ __('Countdown shown on the in-app PIX screen.') }}</p>
                    </div>
                    <div class="mt-3">
                        <a href="{{ route('settings.asaas.report') }}" style="display:inline-block;padding:.5rem .9rem;color:#fff;border-radius:8px;background:#1a4531;font-weight:600">{{ __('Open financial report') }}</a>
                    </div>
                    <p class="text-xs text-gray-500">{{ __('Global for now; per-region in the future.') }}</p>
                </div>
                <label class="flex items-center gap-2 mt-3 text-sm">
                    <input type="checkbox" wire:model="autoRedirect" />
                    <span>{{ __('Auto-redirect back to the app after payment (needs domain registered in Asaas)') }}</span>
                </label>
                <div class="flex justify-end mt-4">
                    <x-buttons.primary wireClick="save">{{ __('Save') }}</x-buttons.primary>
                </div>
            </div>

            <hr />

            {{-- dynamic payment example --}}
            <div>
                <div class="flex flex-wrap items-center gap-2 mb-2">
                    <p class="font-bold">{{ __('Payment example') }}</p>
                    <span class="text-xs text-gray-400">· {{ __('what stays with the platform vs the driver') }}</span>
                    <div class="flex items-center gap-2 ml-auto">
                        <label class="text-sm">{{ __('Amount') }} R$</label>
                        <input type="number" step="1" min="1" wire:model="exampleAmount" class="w-24 px-2 py-1 border rounded" />
                    </div>
                </div>
                <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
                    @foreach (['PIX' => 'PIX', 'CREDIT_CARD' => __('Credit card')] as $bt => $label)
                        @php($s = $sim[$bt] ?? ['fee' => 0, 'net' => 0, 'platform' => 0, 'driver' => 0, 'days' => 0])
                        <div class="p-4 border rounded">
                            <p class="mb-2 font-semibold">{{ $label }}</p>
                            <div class="space-y-1 text-sm">
                                <div class="flex justify-between"><span>{{ __('Gross') }}</span><span>R$ {{ number_format($amount, 2, ',', '.') }}</span></div>
                                <div class="flex justify-between text-red-600"><span>{{ __('Asaas fee') }}</span><span>- R$ {{ number_format($s['fee'], 2, ',', '.') }}</span></div>
                                <div class="flex justify-between pt-1 border-t"><span>{{ __('Net') }}</span><span>R$ {{ number_format($s['net'], 2, ',', '.') }}</span></div>
                                <div class="flex justify-between text-gray-600"><span>{{ __('Platform') }} ({{ $commission }}%)</span><span>R$ {{ number_format($s['platform'], 2, ',', '.') }}</span></div>
                                <div class="flex justify-between font-semibold text-green-700"><span>{{ __('Driver receives') }}</span><span>R$ {{ number_format($s['driver'], 2, ',', '.') }}</span></div>
                                <div class="flex justify-between pt-1 text-xs text-gray-500 border-t">
                                    <span>{{ __('Release') }}</span>
                                    <span>
                                        @if ($s['days'] <= 0) {{ __('immediate') }} @else {{ __('in') }} {{ $s['days'] }} {{ __('days') }} @endif
                                        @if ($bt === 'CREDIT_CARD') · {{ __('or via anticipation (extra fee)') }} @endif
                                    </span>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            <hr />

            {{-- drivers recebedor oversight --}}
            <div>
                <div class="flex items-center justify-between mb-2">
                    <p class="font-bold">{{ __('Drivers — recebedor status') }}</p>
                    <x-buttons.plain wireClick="backfill">{{ __('Create for all with CPF') }}</x-buttons.plain>
                </div>
                <div class="overflow-x-auto">
                    <table class="w-full text-sm">
                        <thead>
                            <tr class="text-left border-b">
                                <th class="py-1">{{ __('Driver') }}</th>
                                <th>{{ __('CPF') }}</th>
                                <th>{{ __('Recebedor wallet') }}</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($drivers as $d)
                                <tr class="border-b">
                                    <td class="py-1">{{ $d->name }} <span class="text-gray-400">· {{ $d->email }}</span></td>
                                    <td>{{ $d->cpf ?? '—' }}</td>
                                    <td>
                                        @if ($d->asaas_wallet_id)
                                            <span class="font-mono text-green-700">{{ Str::limit($d->asaas_wallet_id, 18) }}</span>
                                        @else
                                            <span class="text-gray-400">{{ __('none') }}</span>
                                        @endif
                                    </td>
                                    <td class="text-right">
                                        @if (!$d->asaas_wallet_id && $d->cpf)
                                            <x-buttons.plain wireClick="createRecebedor({{ $d->id }})">{{ __('Create') }}</x-buttons.plain>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </x-baseview>
</div>