@php
    $slide = $slide ?? [];
    $metrics = $slide['metrics'] ?? [];
    $periodTag = $reportingPeriodLabel ?? 'This month';

    $appointmentsTotal = (int) ($metrics['appointmentsTotal'] ?? 0);
    $prospectingTotal = (int) ($metrics['prospectingTotal'] ?? 0);
@endphp

<div class="w-full shrink-0 min-w-full space-y-6">
    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-4">
        <div class="bg-white border border-gray-200 rounded-xl shadow-sm p-5">
            <x-dashboard.metric-bar-breakdown
                :title="'Sales Activity ('.$periodTag.')'"
                :headline="$metrics['activityHeadline'] ?? '0 Activities'"
                :rows="$metrics['activityRows'] ?? []"
            />
        </div>
        <div class="bg-white border border-gray-200 rounded-xl shadow-sm p-5">
            <x-dashboard.metric-bar-breakdown
                :title="'Appointments ('.$periodTag.')'"
                :headline="number_format($appointmentsTotal).' '.($appointmentsTotal === 1 ? 'Appointment' : 'Appointments')"
                :rows="$metrics['appointmentRows'] ?? []"
            />
        </div>
        <div class="bg-white border border-gray-200 rounded-xl shadow-sm p-5">
            <x-dashboard.metric-bar-breakdown
                :title="'Leads ('.$periodTag.')'"
                :headline="number_format((int) ($metrics['leadsTotal'] ?? 0)).' Leads'"
                :rows="$metrics['leadRows'] ?? []"
            />
        </div>
        <div class="bg-white border border-gray-200 rounded-xl shadow-sm p-5">
            <x-dashboard.metric-bar-breakdown
                :title="'Finance Applications ('.$periodTag.')'"
                :headline="number_format((int) ($metrics['financeApplicationsTotal'] ?? 0)).' Applications'"
                :rows="$metrics['financeApplicationRows'] ?? []"
            />
        </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-4">
        @php $quotesTotal = (int) ($metrics['quotesTotal'] ?? 0); @endphp
        <div class="bg-white border border-gray-200 rounded-xl shadow-sm p-5">
            <x-dashboard.metric-bar-breakdown
                :title="'Quotes ('.$periodTag.')'"
                :headline="number_format($quotesTotal).' '.($quotesTotal === 1 ? 'Quote' : 'Quotes')"
                :rows="$metrics['quoteRows'] ?? []"
            />
        </div>
        <div class="bg-white border border-gray-200 rounded-xl shadow-sm p-5">
            <x-dashboard.metric-bar-breakdown
                :title="'Prospecting ('.$periodTag.')'"
                :headline="number_format($prospectingTotal).' '.($prospectingTotal === 1 ? 'Visit' : 'Visits')"
                :rows="$metrics['prospectingRows'] ?? []"
            />
        </div>
    </div>

    @php $conversionMetrics = $slide['conversionMetrics'] ?? []; @endphp
    @if (! empty($conversionMetrics))
        <x-dashboard.conversion-metrics-panel :metrics="$conversionMetrics" />
    @endif
</div>