@php
    $panel = $commissionPanel ?? ['enabled' => false, 'wallet' => [], 'settings' => [], 'rows' => []];
    $wallet = $panel['wallet'] ?? [];
    $settings = $panel['settings'] ?? [];
    $rows = $panel['rows'] ?? [];
@endphp

@if(!($panel['enabled'] ?? false))
<div class="mh-empty">
    <i class="fas fa-wallet"></i>
    <p>Employee commission এখন OFF।</p>
    <p class="small">Admin → Employee Management → Commission Settings থেকে enable করুন।</p>
</div>
@else
<div class="mh-commission-summary">
    <div class="mh-commission-stat">
        <span class="mh-commission-stat-label">Available</span>
        <strong class="mh-commission-stat-value text-success">৳{{ number_format($wallet['available'] ?? 0, 0) }}</strong>
    </div>
    <div class="mh-commission-stat">
        <span class="mh-commission-stat-label">Pending (not delivered)</span>
        <strong class="mh-commission-stat-value text-primary">৳{{ number_format($wallet['pending_commission'] ?? 0, 0) }}</strong>
    </div>
    <div class="mh-commission-stat">
        <span class="mh-commission-stat-label">Total earned</span>
        <strong class="mh-commission-stat-value">৳{{ number_format($wallet['total_earned'] ?? 0, 0) }}</strong>
    </div>
</div>

<p class="small text-muted mb-3">
    Cross-sale product line-এ <strong>{{ number_format($settings['commission_percent'] ?? 0, 1) }}%</strong> commission।
    Order <strong>Delivered</strong> হলে Pending → Earned হয়।
    <a href="{{ route('admin.staff-performance.mine') }}">Full wallet & withdraw →</a>
</p>

<div id="mhCommissionList">
    @forelse($rows as $row)
    <article class="mh-commission-row">
        <div class="mh-commission-row-main">
            <strong>{{ $row['product_name'] }}</strong>
            <span class="mh-commission-amount">৳{{ number_format($row['commission_amount'], 0) }}</span>
        </div>
        <div class="mh-commission-row-meta">
            <a href="{{ $row['order_url'] }}">Order #{{ $row['invoice'] }}</a>
            <span>Sale: ৳{{ number_format($row['line_total'], 0) }}</span>
            <span>{{ number_format($row['commission_percent'], 1) }}%</span>
        </div>
        <div class="mh-commission-row-status">
            <span class="mh-delivery-badge {{ ($row['delivery_delivered'] ?? false) ? 'is-delivered' : 'is-pending' }}">
                <i class="fas fa-{{ ($row['delivery_delivered'] ?? false) ? 'check-circle' : 'truck' }}"></i>
                {{ $row['delivery_label'] }}
            </span>
            <span class="mh-commission-badge mh-commission-badge--{{ $row['status'] ?? 'pending' }}">
                {{ $row['status_label'] }}
            </span>
            <span class="small text-muted">{{ $row['date'] }}</span>
        </div>
        @if(!empty($row['delivery_hint']))
        <p class="mh-commission-hint">{{ $row['delivery_hint'] }}</p>
        @endif
    </article>
    @empty
    <div class="mh-empty">
        <i class="fas fa-coins"></i>
        <p>এখনো কোনো cross-sale commission নেই।</p>
        <p class="small">Order confirm-এর আগে extra product add করলে এখানে track হবে।</p>
    </div>
    @endforelse
</div>
@endif