@php
    /** Hiển thị null là "Không xác định", không phải 0 (mục 14 SKILL). */
    $fmt = function ($value, $decimals = 0) {
        return $value === null || $value === ''
            ? '<span class="meta-undefined">Không xác định</span>'
            : number_format((float)$value, $decimals, ',', '.');
    };
@endphp

@if(empty($report))
    <div class="alert alert-info">Chưa có dữ liệu.</div>
@else
    @if(in_array($report['status'], ['TOKEN_REAUTH_REQUIRED','TOKEN_APP_MISMATCH','TOKEN_PERMISSION_REQUIRED']))
        <div class="alert alert-danger">
            <b>{{ $report['status'] }}</b> — {{ $report['message'] }}
        </div>
    @else
        <div class="row mb-3">
            <div class="col-12 col-sm-6 col-lg-3 mb-2">
                <div class="meta-stat">
                    <div class="label">Khoảng ngày</div>
                    <div class="value compact">{{ $report['date_label'] }}</div>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-lg-3 mb-2">
                <div class="meta-stat">
                    <div class="label">Tài khoản đọc thành công</div>
                    <div class="value">{{ $report['accounts_ok'] }}/{{ $report['accounts_total'] }}</div>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-lg-3 mb-2">
                <div class="meta-stat">
                    <div class="label">Số dòng ({{ $levels[$report['level']] ?? $report['level'] }})</div>
                    <div class="value">{{ count($report['rows']) }}</div>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-lg-3 mb-2">
                <div class="meta-stat">
                    <div class="label">Tình trạng dữ liệu</div>
                    <div class="value compact">
                        <span class="meta-badge {{ $report['data_status'] === 'COMPLETE' ? 'valid' : 'warn' }}">
                            {{ $report['data_status'] }}
                        </span>
                    </div>
                </div>
            </div>
        </div>

        @if(count($report['summary']))
            <div class="table-responsive mb-3">
                <table class="table table-bordered table-sm">
                    <thead>
                    <tr>
                        <th>Tiền tệ</th>
                        <th class="text-right">Tổng chi tiêu</th>
                        <th class="text-right">Tổng kết quả (Data)</th>
                        <th class="text-right">Chi phí / Data</th>
                        <th class="text-right">Hiển thị</th>
                        <th class="text-right">Click</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($report['summary'] as $item)
                        <tr>
                            <td>{{ $item['currency'] }}</td>
                            <td class="text-right">{!! $fmt($item['spend']) !!}</td>
                            <td class="text-right">{!! $item['total_data'] > 0 ? $fmt($item['total_data']) : '<span class="meta-undefined">Không xác định</span>' !!}</td>
                            <td class="text-right">{!! $fmt($item['cost_per_data']) !!}</td>
                            <td class="text-right">{!! $fmt($item['impressions']) !!}</td>
                            <td class="text-right">{!! $fmt($item['clicks']) !!}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                <small class="text-muted">
                    Nhiều tiền tệ không được cộng trực tiếp — mỗi tiền tệ là một dòng riêng.
                    Các chỉ số CRM (số điện thoại, khách tới, doanh thu) chưa kết nối: <b>Không có dữ liệu CRM</b>.
                </small>
            </div>
        @endif

        @if(count($report['errors']))
            <div class="alert alert-warning">
                <b>PARTIAL_DATA</b> — các tài khoản sau lỗi hoặc thiếu quyền:
                <ul class="mb-0">
                    @foreach($report['errors'] as $error)
                        <li>{{ $error['account_name'] }} ({{ $error['account_id'] }}): {{ $error['message'] }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="table-responsive tableFixHead table-hover meta-table-wrap">
            <table class="table table-custom table-bordered meta-table">
                <thead>
                <tr>
                    <th class="text-center meta-col-index">#</th>
                    <th class="text-center meta-col-account">Tài khoản</th>
                    <th class="text-center meta-col-name">
                        {{ $report['level'] === 'ad' ? 'Quảng cáo' : ($report['level'] === 'adset' ? 'Nhóm quảng cáo' : 'Chiến dịch') }}
                    </th>
                    <th class="text-center meta-col-status">Trạng thái</th>
                    <th class="text-center meta-col-result-type">Loại kết quả</th>
                    <th class="text-center meta-col-number">Kết quả</th>
                    <th class="text-center meta-col-number">Chi phí/kết quả</th>
                    <th class="text-center meta-col-budget">Ngân sách</th>
                    <th class="text-center meta-col-number">Đã chi tiêu</th>
                    <th class="text-center meta-col-number">Hiển thị</th>
                    <th class="text-center meta-col-number">Click</th>
                </tr>
                </thead>
                <tbody>
                @forelse($report['rows'] as $key => $row)
                    <tr>
                        <td class="text-center">{{ $key + 1 }}</td>
                        <td>
                            <div class="meta-table-name">{{ $row['account_name'] ?: $row['account_id'] }}</div>
                            <br><small class="text-muted">{{ $row['account_id'] }}</small>
                        </td>
                        <td>
                            @if($report['level'] === 'ad')
                                <div class="meta-table-name">{{ $row['ad_name'] }}</div>
                                <br><small class="text-muted">{{ $row['campaign_name'] }} / {{ $row['adset_name'] }}</small>
                            @elseif($report['level'] === 'adset')
                                <div class="meta-table-name">{{ $row['adset_name'] }}</div>
                                <br><small class="text-muted">{{ $row['campaign_name'] }}</small>
                            @else
                                <div class="meta-table-name">{{ $row['campaign_name'] }}</div>
                                <br><small class="text-muted">{{ $row['objective'] }}</small>
                            @endif
                        </td>
                        <td class="text-center">
                            <span class="meta-badge {{ $row['effective_status'] === 'ACTIVE' ? 'valid' : 'warn' }}">
                                {{ $row['effective_status'] ?: 'N/A' }}
                            </span>
                        </td>
                        <td class="text-center">
                            {!! $row['primary_result_label'] ? e($row['primary_result_label']) : '<span class="meta-undefined">Không xác định</span>' !!}
                        </td>
                        <td class="text-right">{!! $fmt($row['primary_result']) !!}</td>
                        <td class="text-right">{!! $fmt($row['primary_cost_per_result']) !!}</td>
                        <td class="text-right">
                            @if($row['daily_budget'] !== null)
                                {!! $fmt($row['daily_budget']) !!}<br><small class="text-muted">/ngày · {{ $row['budget_source'] }}</small>
                            @elseif($row['lifetime_budget'] !== null)
                                {!! $fmt($row['lifetime_budget']) !!}<br><small class="text-muted">trọn đời · {{ $row['budget_source'] }}</small>
                            @else
                                <span class="meta-undefined">Không xác định</span>
                            @endif
                        </td>
                        <td class="text-right">
                            {!! $fmt($row['spend']) !!}
                            <br><small class="text-muted">{{ $row['currency'] }}</small>
                        </td>
                        <td class="text-right">{!! $fmt($row['impressions']) !!}</td>
                        <td class="text-right">{!! $fmt($row['clicks']) !!}</td>
                    </tr>
                @empty
                    <tr>
                        <td class="text-center" colspan="11">Không có dữ liệu trong khoảng ngày đã chọn</td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    @endif
@endif