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

            {{-- ===== simulador ===== --}}
            <div style="background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:1rem">
                <p class="font-bold" style="margin-bottom:.5rem">{{ __('Live simulation') }}</p>
                <div class="flex flex-wrap items-end gap-3" style="margin-bottom:.6rem">
                    <div><label class="text-xs text-gray-500">{{ __('Distance') }} (km)</label><br />
                        <input type="number" step="0.5" min="0" wire:model="simKm" class="w-24 px-2 py-1 border rounded" /></div>
                    <div><label class="text-xs text-gray-500">{{ __('Duration') }} (min)</label><br />
                        <input type="number" step="1" min="0" wire:model="simMin" class="w-24 px-2 py-1 border rounded" /></div>
                    <p class="text-xs text-gray-500">{{ __('Driver share') }}: <b>{{ $comissaoGlobal }}%</b> ({{ __('individual value in the driver profile overrides it') }})</p>
                </div>
                <div style="overflow-x:auto">
                    <table style="width:100%;font-size:.82rem;border-collapse:collapse">
                        <thead><tr style="text-align:left;border-bottom:2px solid #d1fae5">
                            <th style="padding:.4rem .5rem">{{ __('Vehicle type') }}</th>
                            <th style="padding:.4rem .5rem;text-align:right">{{ __('Ride price') }}</th>
                            <th style="padding:.4rem .5rem;text-align:right">{{ __('Driver gets') }}</th>
                            <th style="padding:.4rem .5rem;text-align:right">{{ __('Platform gets') }}</th>
                            <th style="padding:.4rem .5rem;text-align:right">{{ __('Per km') }}</th>
                        </tr></thead>
                        <tbody>
                        @foreach ($fares as $id => $f)
                            <tr style="border-bottom:1px solid #ecfdf5">
                                <td style="padding:.35rem .5rem">{{ $f['name'] }}
                                    @if ($sim[$id]['usouMinima']) <span style="font-size:.68rem;color:#b45309">({{ __('minimum fare applied') }})</span> @endif
                                </td>
                                <td style="padding:.35rem .5rem;text-align:right;font-weight:700">R$ {{ number_format($sim[$id]['total'], 2, ',', '.') }}</td>
                                <td style="padding:.35rem .5rem;text-align:right;color:#1a4531">R$ {{ number_format($sim[$id]['motorista'], 2, ',', '.') }}</td>
                                <td style="padding:.35rem .5rem;text-align:right;color:#1d4ed8">R$ {{ number_format($sim[$id]['plataforma'], 2, ',', '.') }}</td>
                                <td style="padding:.35rem .5rem;text-align:right;color:#6b7280">R$ {{ number_format($sim[$id]['porKm'], 2, ',', '.') }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            {{-- ===== tarifas: SOMENTE LEITURA (fonte da verdade: Tipos de veículo) ===== --}}
            <div style="background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:.8rem 1rem">
                <p style="font-size:.85rem;margin:0">
                    ⚙️ {{ __('Fares, photo, activation and creation of vehicle types are managed at') }}
                    <a href="{{ route('taxi.vehicle.types') }}" style="color:#1d4ed8;text-decoration:underline;font-weight:600">{{ __('Vehicle Types') }}</a>.
                    {{ __('This page only reads those values to simulate prices and to set the cancellation policy.') }}
                </p>
                <div style="overflow-x:auto;margin-top:.5rem">
                    <table style="width:100%;font-size:.8rem;border-collapse:collapse">
                        <thead><tr style="text-align:left;border-bottom:1px solid #bfdbfe">
                            <th style="padding:.3rem .5rem">{{ __('Vehicle type') }}</th>
                            <th style="padding:.3rem .5rem;text-align:right">{{ __('Base fare') }}</th>
                            <th style="padding:.3rem .5rem;text-align:right">{{ __('Per km') }}</th>
                            <th style="padding:.3rem .5rem;text-align:right">{{ __('Per minute') }}</th>
                            <th style="padding:.3rem .5rem;text-align:right">{{ __('Minimum fare') }}</th>
                            <th style="padding:.3rem .5rem">{{ __('Active') }}</th>
                        </tr></thead>
                        <tbody>
                        @foreach ($fares as $id => $f)
                            <tr style="border-bottom:1px solid #eff6ff">
                                <td style="padding:.3rem .5rem">{{ $f['name'] }}</td>
                                <td style="padding:.3rem .5rem;text-align:right">R$ {{ number_format($f['base_fare'], 2, ',', '.') }}</td>
                                <td style="padding:.3rem .5rem;text-align:right">R$ {{ number_format($f['distance_fare'], 2, ',', '.') }}</td>
                                <td style="padding:.3rem .5rem;text-align:right">R$ {{ number_format($f['time_fare'], 2, ',', '.') }}</td>
                                <td style="padding:.3rem .5rem;text-align:right">R$ {{ number_format($f['min_fare'], 2, ',', '.') }}</td>
                                <td style="padding:.3rem .5rem">{{ $f['is_active'] ? __('Yes') : __('No') }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            {{-- ===== política de cancelamento ===== --}}
            <div>
                <p class="font-bold" style="margin-bottom:.4rem">{{ __('Cancellation policy') }}</p>
                <div class="flex flex-wrap items-end gap-4">
                    <div><label class="text-xs text-gray-500">{{ __('Free cancellation window (minutes after accept)') }}</label><br />
                        <input type="number" step="1" min="0" wire:model="graceMinutes" class="w-24 px-2 py-1 border rounded" /></div>
                    <div><label class="text-xs text-gray-500">{{ __('Cancellation fee (R$) — 0 disables it') }}</label><br />
                        <input type="number" step="0.01" min="0" wire:model="cancellationFee" class="w-28 px-2 py-1 border rounded" /></div>
                </div>
                <ul style="list-style:disc;padding-left:1.2rem;font-size:.8rem;color:#374151;line-height:1.6;margin-top:.5rem">
                    <li>{{ __('Nobody accepted, customer cancels before accept, or within the window') }} → <b>{{ __('full refund') }}</b></li>
                    <li>{{ __('Driver cancels, does not show up or takes too long') }} → <b>{{ __('full refund') }}</b></li>
                    <li>{{ __('Customer cancels after the window') }} → {{ __('refund minus the fee') }}</li>
                    <li>{{ __('Refunds go back to the original payment method; the split to the driver is cancelled automatically.') }}</li>
                </ul>
                <button wire:click="save" wire:loading.attr="disabled"
                    style="padding:.6rem 1.2rem;margin-top:.7rem;color:#fff;border-radius:8px;background:#1a4531;font-weight:600;border:none">{{ __('Save') }}</button>
            </div>

            <hr />

            {{-- ===== análise de cancelamentos ===== --}}
            <div>
                <p class="font-bold">{{ __('Cancellations (last 30 days)') }}</p>
                <div class="grid grid-cols-2 gap-4 lg:grid-cols-5" style="margin:.5rem 0">
                    <div class="p-3 border rounded"><p style="font-size:.7rem;color:#6b7280">{{ __('Rides') }}</p><p style="font-weight:700">{{ $totalCorridas }}</p></div>
                    <div class="p-3 border rounded"><p style="font-size:.7rem;color:#6b7280">{{ __('Cancellations') }}</p><p style="font-weight:700">{{ $totalCancel }}</p></div>
                    <div class="p-3 border rounded"><p style="font-size:.7rem;color:#6b7280">{{ __('Cancellation rate') }}</p><p style="font-weight:700;color:{{ $taxaCancel > 15 ? '#dc2626' : '#16a34a' }}">{{ $taxaCancel }}%</p></div>
                    <div class="p-3 border rounded"><p style="font-size:.7rem;color:#6b7280">{{ __('Refunded') }}</p><p style="font-weight:700;color:#b45309">R$ {{ number_format($devolvido, 2, ',', '.') }}</p></div>
                    <div class="p-3 border rounded"><p style="font-size:.7rem;color:#6b7280">{{ __('Fees kept') }}</p><p style="font-weight:700;color:#1d4ed8">R$ {{ number_format($retido, 2, ',', '.') }}</p></div>
                </div>

                <div class="grid grid-cols-1 gap-4 lg:grid-cols-2">
                    <div>
                        <p style="font-weight:600;font-size:.85rem">{{ __('Who cancelled') }}</p>
                        @forelse ($porQuem as $quem => $qtd)
                            <p style="font-size:.8rem">· {{ __(ucfirst($quem)) }}: <b>{{ $qtd }}</b></p>
                        @empty <p style="font-size:.8rem;color:#9ca3af">{{ __('No data yet') }}</p> @endforelse
                        <p style="font-weight:600;font-size:.85rem;margin-top:.5rem">{{ __('Stage') }}</p>
                        @foreach ($porEtapa as $et => $qtd)
                            <p style="font-size:.8rem">· {{ __($et) }}: <b>{{ $qtd }}</b></p>
                        @endforeach
                    </div>
                    <div>
                        <p style="font-weight:600;font-size:.85rem">{{ __('Top reasons — customer') }}</p>
                        @forelse ($motivosCliente as $m => $q) <p style="font-size:.8rem">· {{ $m }} — <b>{{ $q }}</b></p>
                        @empty <p style="font-size:.8rem;color:#9ca3af">{{ __('No data yet') }}</p> @endforelse
                        <p style="font-weight:600;font-size:.85rem;margin-top:.5rem">{{ __('Top reasons — driver') }}</p>
                        @forelse ($motivosMotorista as $m => $q) <p style="font-size:.8rem">· {{ $m }} — <b>{{ $q }}</b></p>
                        @empty <p style="font-size:.8rem;color:#9ca3af">{{ __('No data yet') }}</p> @endforelse
                    </div>
                </div>

                <div class="grid grid-cols-1 gap-4 lg:grid-cols-2" style="margin-top:.8rem">
                    <div>
                        <p style="font-weight:600;font-size:.85rem">{{ __('Drivers who cancel the most') }}</p>
                        @forelse ($topMotoristas as $t)
                            <p style="font-size:.8rem">· {{ $nomes[$t->driver_id] ?? ('#' . $t->driver_id) }} — <b>{{ $t->total }}</b></p>
                        @empty <p style="font-size:.8rem;color:#9ca3af">{{ __('No data yet') }}</p> @endforelse
                    </div>
                    <div>
                        <p style="font-weight:600;font-size:.85rem">{{ __('Customers who cancel the most') }}</p>
                        @forelse ($topClientes as $t)
                            <p style="font-size:.8rem">· {{ $nomes[$t->customer_id] ?? ('#' . $t->customer_id) }} — <b>{{ $t->total }}</b></p>
                        @empty <p style="font-size:.8rem;color:#9ca3af">{{ __('No data yet') }}</p> @endforelse
                    </div>
                </div>
            </div>

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