@php
	$zpLocale = $locale ?? app()->getLocale();
	$zpRead = static function ($value) use ($zpLocale): string {
		if (is_array($value)) {
			if (array_key_exists('value', $value)) {
				$value = $value['value'];
			}
			if (is_array($value)) {
				return (string) ($value[$zpLocale] ?? reset($value) ?: '');
			}
		}
		return is_scalar($value) ? (string) $value : '';
	};
	$zpReadableFields = static function (array $fields) use ($zpRead): array {
		$readable = [];
		foreach ($fields as $key => $value) {
			if (preg_match('/image|icon|url|link|color|class|file|video/i', (string) $key)) {
				continue;
			}
			$text = $zpRead($value);
			if ($text !== '') {
				$readable[(string) $key] = $text;
			}
		}
		return $readable;
	};
	$zpMainFields = $zpReadableFields($data);
	$zpHeading = $zpRead($data['heading'] ?? $data['title'] ?? $data['section_title'] ?? null);
	$zpSubheading = $zpRead($data['subheading'] ?? $data['subtitle'] ?? null);
	$zpDescription = $zpRead($data['description'] ?? $data['text'] ?? null);
	$zpOtherCopy = [];
	foreach ($zpMainFields as $key => $text) {
		if (! preg_match('/heading|title|subheading|subtitle|description|text|button/i', $key)) {
			$zpOtherCopy[] = $text;
		}
		if ($zpHeading === '' && preg_match('/heading|title|name/i', $key)) {
			$zpHeading = $text;
		}
		if ($zpDescription === '' && preg_match('/description|text|content|body/i', $key)) {
			$zpDescription = $text;
		}
	}
	if ($zpDescription === '' && $zpOtherCopy !== []) {
		$zpDescription = implode(' ', $zpOtherCopy);
	}
	$zpItems = $repeatedContents ?? collect();
	$zpComponent = strtolower((string) ($component->component_key ?? ''));
	$zpActionText = $zpRead($data['button_text'] ?? $data['action_text'] ?? null);
	$zpActionUrl = $zpRead($data['button_url'] ?? $data['action_url'] ?? null) ?: route('user.register');
@endphp
<section class="zp-content-section zp-section" id="{{ $zpComponent === 'special_feature' ? 'security' : $zpComponent }}">
	<div class="zp-shell">
		<div class="zp-section-heading zp-reveal">
			@if($zpSubheading)<p class="zp-kicker">{{ $zpSubheading }}</p>@endif
			@if($zpHeading)<h2>{{ $zpHeading }}</h2>@endif
			@if($zpDescription)<p class="zp-section-heading__description">{{ $zpDescription }}</p>@endif
		</div>
		@if($zpActionText)
			<a href="{{ $zpActionUrl }}" class="zp-button zp-button--violet">{{ $zpActionText }} <span aria-hidden="true">↗</span></a>
		@endif
		@if($zpItems->isNotEmpty())
			<div class="zp-feature-grid">
				@foreach($zpItems as $index => $item)
					@php $zpItem = $item->content_data ?? $item->content ?? []; @endphp
					@php
						$zpItemFields = $zpReadableFields(is_array($zpItem) ? $zpItem : []);
						$zpItemTitle = '';
						$zpItemCopy = [];
						foreach ($zpItemFields as $key => $text) {
							if ($zpItemTitle === '' && preg_match('/title|heading|name/i', $key)) {
								$zpItemTitle = $text;
							} elseif (preg_match('/text|description|content|body/i', $key)) {
								$zpItemCopy[] = $text;
							}
						}
						if ($zpItemTitle === '' && $zpItemFields !== []) {
							$zpItemTitle = reset($zpItemFields);
						}
						if ($zpItemCopy === []) {
							$zpItemCopy = array_slice(array_values($zpItemFields), 1);
						}
					@endphp
					<article class="zp-feature-card zp-feature-card--{{ ['violet', 'lime', 'peach'][$index % 3] }} zp-reveal">
						<div class="zp-feature-card__symbol" aria-hidden="true">{{ ['✳', '↗', '⌁'][$index % 3] }}</div>
						<span class="zp-feature-card__number">{{ str_pad((string) ($index + 1), 2, '0', STR_PAD_LEFT) }}</span>
						@if($zpItemTitle)<h3>{{ $zpItemTitle }}</h3>@endif
						@if($zpItemCopy !== [])<p>{{ implode(' ', $zpItemCopy) }}</p>@endif
					</article>
				@endforeach
			</div>
		@endif
	</div>
</section>