@php
    use App\Support\LeadCommunicationPreferences;

    $compact = (bool) ($compact ?? false);
    $captureLayout = (bool) ($captureLayout ?? false);
    $commPrefs = $communicationPreferences ?? LeadCommunicationPreferences::defaults();
    $wrapperClass = match (true) {
        $captureLayout => 'space-y-2',
        $compact => 'space-y-2 border-t border-gray-100 pt-3',
        default => 'rounded-xl border border-gray-200 bg-white p-5 space-y-4',
    };
    $inlineCommClass = 'inline-flex cursor-pointer items-center gap-2 rounded-lg border border-gray-200 bg-gray-50 px-2.5 py-1.5 text-sm transition hover:border-[var(--dealer-accent-color)] has-[:checked]:border-[var(--dealer-accent-color)] has-[:checked]:bg-red-50/40 has-[:checked]:ring-1 has-[:checked]:ring-[var(--dealer-accent-color)]';
    $headingClass = 'text-sm font-semibold text-gray-900';
    $cardClass = $compact
        ? 'relative flex cursor-pointer items-center gap-2.5 rounded-lg border border-gray-200 bg-gray-50 px-3 py-2.5 transition hover:border-[var(--dealer-accent-color)] hover:bg-white has-[:checked]:border-[var(--dealer-accent-color)] has-[:checked]:bg-red-50/40 has-[:checked]:ring-1 has-[:checked]:ring-[var(--dealer-accent-color)]'
        : 'relative flex cursor-pointer items-start gap-3 rounded-xl border border-gray-200 bg-gray-50 px-4 py-3 shadow-sm transition hover:border-[var(--dealer-accent-color)] hover:bg-white has-[:checked]:border-[var(--dealer-accent-color)] has-[:checked]:bg-red-50/40 has-[:checked]:ring-1 has-[:checked]:ring-[var(--dealer-accent-color)]';
    $labelTextClass = 'text-sm font-medium text-gray-900';
@endphp

<div class="{{ $wrapperClass }}">
    <div>
        <h2 class="{{ $headingClass }}">Communication Preferences</h2>
        @unless ($compact)
            <p class="mt-1 text-xs text-gray-600">How this customer prefers to be contacted.</p>
        @endunless
    </div>

    <div class="{{ $captureLayout ? 'flex flex-wrap gap-2' : 'grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 '.($compact ? 'gap-2' : 'gap-3') }}">
        @foreach (LeadCommunicationPreferences::labels() as $key => $label)
            @php
                $checked = (bool) ($commPrefs[$key] ?? false);
            @endphp
            <label class="{{ $captureLayout ? $inlineCommClass : $cardClass }}">
                <input
                    type="checkbox"
                    name="communication_preferences[{{ $key }}]"
                    value="1"
                    class="h-4 w-4 shrink-0 rounded border-gray-300 text-[var(--dealer-accent-color)] focus:ring-[var(--dealer-accent-color)]"
                    @checked($checked)
                />
                <span class="{{ $labelTextClass }}">{{ $label }}</span>
            </label>
        @endforeach
    </div>
</div>