@props([
    'embedSrc' => null,
    'provider' => null,
    'title' => $title ?? 'Video',
    'showTitle' => true,
    'headingLevel' => 'h2',  // h1–h6
])

@php
    $Tag = in_array($headingLevel, ['h1','h2','h3','h4','h5','h6']) ? $headingLevel : 'h2';
@endphp

@if($showTitle)
    <{{ $Tag }} class="mb-2 text-lg font-semibold text-gray-800 leading-snug line-clamp-2">
        {{ $title }}
    </{{ $Tag }}>
@endif

@if($embedSrc)
	<div style="position:relative;width:100%;overflow:hidden;border-radius:0.75rem;box-shadow:0 1px 2px rgba(0,0,0,.1);">
	  <div style="padding-top:56.25%;"></div>
	  <iframe
		src="{{ $embedSrc }}"
		style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;"
		allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share"
		referrerpolicy="strict-origin-when-cross-origin"
		title="{{ $title }}"
	  ></iframe>
	</div>
@else
    <div class="p-4 rounded-lg border border-amber-300 bg-amber-50 text-amber-900">
        <p class="font-semibold">We couldn’t embed this video.</p>
        <p class="text-sm mt-1">Paste a valid YouTube or Vimeo URL (or the iframe). Example:
            <code class="bg-white px-1 py-0.5 rounded">https://vimeo.com/1126512997</code>
        </p>
    </div>
@endif