@php
    // class is not working, so use style
    $styleBackgroundColorBlue = 'background-color:#95d7f0;';
    $styleBackgroundColorYellow = 'background-color:#FFFFC0;';
    $styleBorderAround = 'border: 1px solid black;';
    $styleTextLeft = 'text-align: left;';
    $styleTextCenter = 'text-align: center;';
    $styleTextRight = 'text-align: right;';
    $styleFontSize16 = 'font-size:16px;';
@endphp

<table>
    <tr>
        <td></td>
        <td colspan="6" style="{{ $styleBackgroundColorBlue.$styleBorderAround.$styleFontSize16 }}">
            {{ $commission->administrator->name }} ( {{ $commission->activity->name }} )
        </td>
        <td colspan="2" style="{{ $styleBackgroundColorBlue.$styleBorderAround.$styleTextRight }}">
            截至 {{ $now->format('Y/m/d H:i') }}
        </td>
    </tr>
    
    <tr>
        <td></td>
        <td></td>
        <td style="{{ $styleBackgroundColorBlue.$styleBorderAround.$styleTextCenter }}"></td>
        <td style="{{ $styleBackgroundColorBlue.$styleBorderAround.$styleTextCenter }}">訂單數</td>
        <td style="{{ $styleBackgroundColorBlue.$styleBorderAround.$styleTextRight }}">營收</td>
    </tr>

    @foreach ($orderSummary as $type => $order)
        @php
            $typeName = [
                'paid' => '已付',
                'unpaid' => '未付',
                'all' => '總計',
            ][$type];
        @endphp 
        <tr>
            <td></td>
            <td></td>
            <td style="{{ $styleBackgroundColorBlue.$styleBorderAround.$styleTextCenter }}">{{ $typeName }}</td>
            <td style="{{ $styleBorderAround.$styleTextCenter }}">{{ $order['count'] }}</td>
            <td style="{{ $styleBorderAround.$styleTextRight }}">$ {{ number_format($order['total']) }}</td>
        </tr>
    @endforeach

    <tr>
        <td></td>
        <td></td>
        <td style="{{ $styleBorderAround }}">平均客單</td>
        <td style="{{ $styleBorderAround.$styleTextCenter }}" colspan="2">$ {{ number_format($perCustomerTransaction) }}</td>
    </tr>
 
    <tr>
        <td></td>
    </tr>

    <tr>
        <th class="text-center">訂單編號</th>
        <th class="text-center">訂購人</th>
        <th class="text-right">訂單金額</th>
        <th class="text-right">訂單分潤</th>
        <th class="text-right">訂單毛利</th>
        <th class="text-center">發票號碼</th>
        <th class="text-center">訂單日期</th>
    </tr>
    @foreach ($commission_orders as $order)
        <tr>
            <td class="text-center">{{ $order->order_code }}</td>
            <td class="text-center">{{ $order->order_customer_name }}</td>
            <td class="text-right">$ {{ number_format($order->order_total) }}</td>
            <td class="text-right">$ {{ number_format($order->bonus_total) }}</td>
            <td class="text-right">$ {{ number_format($order->remaining_total) }}</td>
            <td class="text-center">{{ $order->invoice_code}}</td>
            <td class="text-center">{{ $order->order_created_at->format('Y.m.d H:i') }}</td>
        </tr>
    @endforeach
</table>