@php
    $presentation = $moto->presentation;
    $patternRight = '/transform="translate\(1600, 0\) scale\(-/';
    $patternLeft = '/transform="translate\(0, 0\) scale\(1/';
@endphp
<div class="md:px-10 px-5 md:mt-30 mt-10">
    <h2 class="md:text-4xl tracking-wider flex  gap-5 ">
      <div>
        <svg class="w-7 cursor-default pointer-events-none" viewBox="0 0 32 43" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M22 22.907L4 9V35L22 22.907Z" fill="#ED1D24" stroke="#ED1D24" stroke-width="4"/>
        </svg>
      </div>
      <div class="flex flex-col">
        <span
        >{{ $presentation->title }}</span>
        <span 
        class="text-brand md:text-base text-sm mb-5 md:mb-0 tracking-wider mt-2 capitalize">{{ $presentation->subtitle }}</span>
      </div>

    </h2>      
</div>
<div>
    @foreach($presentation->images as $index => $image)
        @php
            $svg = '';
            if(Str::startsWith($image->image, ['http://', 'https://', '/'])) {
                $svgPath = public_path(str_replace(url('/'), '', $image->image));
                if(file_exists($svgPath)) {
                    $svg = file_get_contents($svgPath);
                }
            }
            $type = 'center';
            if ($svg && preg_match($patternRight, $svg)) {
                $type = 'right';
            } elseif ($svg && preg_match($patternLeft, $svg)) {
                $type = 'left';
            }
            $class = match($type) {
                'right' => 'scale-140 origin-top-left md:scale-100',
                'left' => 'scale-140 origin-top-right md:scale-100',
                default => 'scale-140 md:scale-100',
            };
        @endphp
        <div 
            class="w-full relative {{ $class }} mb-30 md:mb-0"
        >
            <div class="absolute inset-0 w-full h-full z-20 pointer-events-auto bg-transparent"></div>
            @if($type !== 'center')
            <div class="absolute inset-y-0 hidden md:block left-0 w-[30%] bg-gradient-to-r from-black to-transparent z-10"></div>
            @endif
            {!! $svg !!}
            @if($type !== 'center')
            <div class="absolute inset-y-0 hidden md:block right-0 w-[30%] bg-gradient-to-l from-black to-transparent z-10"></div>
            @endif
        </div>
    @endforeach
</div>