{{-- CRM report table. Params: $rows (arrays from CrmReportService::row + extra keys), $label (callable row → first column). --}}
@if (collect($rows)->isEmpty())
    <div class="text-muted">{{ trans('clinic.reports_center.no_data') }}</div>
@else
    <div class="table-responsive">
        <table class="table align-middle table-row-dashed fs-6 gy-3 mb-0">
            <thead>
            <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
                <th>{{ trans('crm.report.name') }}</th>
                <th class="text-end">{{ trans('crm.report.leads') }}</th>
                <th class="text-end">{{ trans('crm.report.contacted') }}</th>
                <th class="text-end">{{ trans('crm.report.open') }}</th>
                <th class="text-end">{{ trans('crm.statuses.converted') }}</th>
                <th class="text-end">{{ trans('crm.statuses.lost') }}</th>
                <th class="text-end min-w-125px">{{ trans('crm.report.rate') }}</th>
            </tr>
            </thead>
            <tbody>
            @foreach ($rows as $row)
                <tr>
                    <td class="fw-semibold text-gray-800">{{ $label($row) }}</td>
                    <td class="text-end fw-bold">{{ $row['total'] }}</td>
                    <td class="text-end">{{ $row['contacted'] }}</td>
                    <td class="text-end">{{ $row['open'] }}</td>
                    <td class="text-end text-success fw-bold">{{ $row['converted'] }}</td>
                    <td class="text-end">{{ $row['lost'] }}</td>
                    <td class="text-end">
                        <div class="d-flex align-items-center justify-content-end gap-2">
                            <div class="progress h-6px w-60px"><div class="progress-bar bg-success" style="width: {{ min(100, $row['rate']) }}%"></div></div>
                            <span class="fw-bold">{{ $row['rate'] }}%</span>
                        </div>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
@endif