@include('emails.commonkua.header')

@component('emails.common.table')
    @component('emails.common.tr')
        @component('emails.common.td')
            @component('emails.common.p')
                Hello <span> {{ strtok($agent->full_name ?? ($agent->first_name ?? 'Agent'), 's') }}</span>,
            @endcomponent

            @component('emails.common.p')
                We’re pleased to inform you that your commission has been successfully processed and sent to your registered account.
            @endcomponent

            @component('emails.common.p')
                Please allow some time for the payment to reflect.
            @endcomponent

            @component('emails.common.p')
                Sales related to this commission payments are:
            @endcomponent

            @component('emails.common.table_with_border')
                @component('emails.common.tr')
                    {!! '<th style="font-weight:normal;border:1px solid #000;padding:4px 8px;">Customer name</th>' !!}
                    {!! '<th style="font-weight:normal;border:1px solid #000;padding:4px 8px;">Product</th>' !!}
                    {!! '<th style="font-weight:normal;border:1px solid #000;padding:4px 8px;">Sale amount</th>' !!}
                    {!! '<th style="font-weight:normal;border:1px solid #000;padding:4px 8px;">Commission</th>' !!}
                @endcomponent

                @foreach ($paidLeads as $lead)
                    @component('emails.common.tr')
                        {!! '<td style="border:1px solid #000;padding:4px 8px;">' .
                            e($lead->customer_name ?? ($lead->business_name ?? '—')) .
                            '</td>' !!}
                        {!! '<td style="border:1px solid #000;padding:4px 8px;">' . e($lead->kuaProduct->product_name ?? '—') . '</td>' !!}
                        @php
                            $amount = isset($lead->sales_amount) ? number_format((float) $lead->sales_amount, 2) : '—';
                            $total_commission = isset($lead->total_commission)
                                ? number_format((float) $lead->total_commission, 2)
                                : '—';
                        @endphp
                        {!! '<td style="border:1px solid #000;padding:4px 8px;">' . e($amount) . '</td>' !!}
                        {!! '<td style="border:1px solid #000;padding:4px 8px;">' . e($lead->total_commission) . '</td>' !!}
                    @endcomponent
                @endforeach
            @endcomponent

            @component('emails.common.p')
                Please click the link to view the sales List:
                <a href="{{ $detailsUrl }}" target="_blank">Click Here</a>
            @endcomponent

            @component('emails.common.p')
                If you have any questions or need further clarification, feel free to reach out to the KUA Support Team.
            @endcomponent

            @component('emails.common.p')
                Thank you for your continued effort and dedication to your sales work.
            @endcomponent

            @component('emails.common.p')
            Empowering People. Bridging Markets. Driving Growth.
            @endcomponent
        @endcomponent
    @endcomponent

    @component('emails.common.tr')
        @component('emails.common.td')
            @component('emails.commonkua.secondary_footer')
                {{-- noQuote --}}
            @endcomponent
        @endcomponent
    @endcomponent
@endcomponent

@include('emails.commonkua.footer')