@section('title', __('Commission Report') )
<div>

    <x-baseview title="{{ __('Commission Report') }}">
        <div class="p-3 mb-3 text-sm border rounded-lg bg-blue-50 border-blue-200 text-blue-900">
            <p class="font-semibold">{{ __('How to use this report') }}</p>
            <p>{{ __('Use top filters (Vendor, Driver, Payment Method, Payment Status, Order Status and Date) to isolate one partner or payment flow.') }}</p>
            <p>{{ __('Order No is clickable and opens order details.') }}</p>
            <p>{{ __('Order + Delivery now shows the combined amount on top, and the order amount and delivery fee separately underneath.') }}</p>
            <p>{{ __('Vendor Details and Driver Details show rate (%), earned amount and exact base used for the calculation.') }}</p>
            <p>{{ __('System Details no longer merges rates: it shows total system earned and separate breakdown for vendor side and driver side.') }}</p>
            <p>{{ __('Settlement Flow shows operational status at order-time: where customer money went, and whether store/driver settlement was auto-posted, wallet-debited, remittance-pending, or manual.') }}</p>
        </div>
        <livewire:tables.reports.commission-report-table />
    </x-baseview>

</div>