@include('emails.client_contact.common-finance.header', ['franchise' => $franchise])

@component('emails.common.table')

    <tr>
        @component('emails.common.td')

            @component('emails.common.p')
            Hello Team,
            @endcomponent

            @component('emails.common.p')
            The commission distribution for the following project has been approved for processing:
            @endcomponent

            @component('emails.common.p')
            <span>Project: {{ $project->name }}</span><br/>
            <span>Commission Pot: {{ (float)$commissionDetails->distributed_commission }}%</span>
            @endcomponent

            @component('emails.common.table_with_border')
                @component('emails.common.tr')
                    <th style="font-weight: normal; border:1px solid black; padding: 4px 8px;">Team Member</th>
                    <th style="font-weight: normal; border:1px solid black; padding: 4px 8px;">Final % Commission distribution</th>
                @endcomponent

                @foreach ($allocations as $allocation)
                    @component('emails.common.tr')
                        <td style="border:1px solid black; padding: 4px 8px;">{{ $allocation->user->full_name }}</td>
                        <td style="border:1px solid black; padding: 4px 8px;">{{ (float)$allocation->commission }}</td>
                    @endcomponent
                @endforeach
            @endcomponent

            @component('emails.common.slogan')
            @endcomponent

        @endcomponent
    </tr>
    <tr>
        @component('emails.common.td')
            @component('emails.common.p')
                @if($franchise) {{ $franchise->company_name }}@endif Project
            @endcomponent
        @endcomponent
    </tr>
@endcomponent

@include('emails.client_contact.common-finance.footer', ['franchise' => $franchise])