@php
    $logoSrc = $logo ?? asset('img/findme/15_porte_de_droite.svg');
    $sectionClasses = trim('bg-green py-0 findme-intro-section ' . ($sectionClass ?? ''));
    $contentClasses = trim('col-md-5 findme-intro-content ' . ($contentClass ?? ''));
    $mediaClasses = trim('col-md-4 p-0 d-flex findme-intro-media ' . ($mediaClass ?? ''));
    $imageClasses = trim('img-fluid w-100 h-100 object-fit-cover ' . ($imageClass ?? ''));
    $imageStyle = $imageStyle ?? null;
    $paragraphs = $text ?? [];
    if (!is_array($paragraphs)) {
        $paragraphs = [$paragraphs];
    }
@endphp

<section class="{{ $sectionClasses }}">
	<div class="container-fluid">
		<div class="row align-items-stretch findme-intro-row">
			<div class="col-md-3 findme-intro-logo d-flex align-items-center justify-content-center">
				<img class="findme-intro-logo-img" src="{{ $logoSrc }}" alt="Logo">
			</div>
			<div class="{{ $contentClasses }}">
				<h1 class="h4 text-white mb-0">{!! nl2br(e($title)) !!}</h1>
				@if(!empty($subtitle))
					<p class="text-start text-white fs-4 mb-3">{{ $subtitle }}</p>
				@endif
				<div class="w-100 w-md-75 intro-text-wrapper">
					@foreach($paragraphs as $paragraph)
						<p class="text-start text-white">{{ $paragraph }}</p>
					@endforeach
				</div>
			</div>
			<div class="{{ $mediaClasses }}">
				<img src="{{ $image }}" alt="{{ $imageAlt ?? $title }}" class="{{ $imageClasses }}" @if($imageStyle) style="{{ $imageStyle }}" @endif>
			</div>
		</div>
	</div>
</section>