@php
$totalAmount = (float) ($totalAmount ?? 0);
$vendorCommission = (float) ($vendorCommission ?? 0);
$vendorBase = (float) ($vendorBase ?? 0);
$vendorRate = (float) ($vendorRate ?? 0);
$driverCommission = (float) ($driverCommission ?? 0);
$driverBase = (float) ($driverBase ?? 0);
$driverRate = (float) ($driverRate ?? 0);
@endphp

<div class="text-xs leading-relaxed" style="min-width: 17rem;">
    <div class="py-1 border-b border-gray-300">
        <div class="text-gray-500">{{ __('System Total Earned') }}</div>
        <div class="font-semibold text-gray-900">{{ currencyFormat($totalAmount) }}</div>
    </div>

    @if($vendorBase > 0 || $vendorCommission > 0)
        <div class="py-1 border-b border-gray-200">
            <div class="text-gray-500">{{ __('System on Vendor Side') }}</div>
            <div class="text-gray-900">{{ __('Rate') }}: {{ number_format($vendorRate, 2) }}%</div>
            <div class="text-gray-900">{{ __('Commission') }}: {{ currencyFormat($vendorCommission) }}</div>
            <div class="text-gray-900">{{ __('Base') }}: {{ currencyFormat($vendorBase) }}</div>
        </div>
    @endif

    @if($driverBase > 0 || $driverCommission > 0)
        <div class="py-1">
            <div class="text-gray-500">{{ __('System on Driver Side') }}</div>
            <div class="text-gray-900">{{ __('Rate') }}: {{ number_format($driverRate, 2) }}%</div>
            <div class="text-gray-900">{{ __('Commission') }}: {{ currencyFormat($driverCommission) }}</div>
            <div class="text-gray-900">{{ __('Base') }}: {{ currencyFormat($driverBase) }}</div>
        </div>
    @endif
</div>