@php
$uniqid = uniqid();
$imagePositionClasses = $section->getOption('image_position') == 'left' ? '-left-10 md:left-0' : '-right-10 sm:right-0';
@endphp

<section id="text-{{ $uniqid }}" style="background-color: {{ $section->getOption('background_color') }};">
    <div
        class="container mx-auto pb-24 relative overflow-hidden sm:overflow-visible {{ $section->getOption('quotes') ? 'px-4' : 'px-8 pt-6' }}">
        <x-public.section-title label="{{ $section->title }}" class="pt-12" />
        <div
            class="{{ $section->getOption('quotes') ? 'presentation py-10 px-16' : 'px-0 md:px-16' }} text-center max-w-4xl mx-auto mt-6 relative ">
            {!! $section->content !!}
            @if ($section->getOption('show_reservation_button') && $isReservationsAllowed)
                <x-public.buttons.primary type="link" label="Réserver un créneau" href="{{ route('booking.index') }}"
                    aria-title="Aller sur la page de réservation d'un créneau" class="hidden mt-12 md:inline-block" />
            @endif
        </div>
        <img src="{{ asset('uploads/sections/' . $section->getOption('image')) }}"
            alt="Image de fond du bloc {{ $section->title }}"
            class="absolute top-1/2 transform -translate-y-1/2 md:top-16 md:transform-none {{ $imagePositionClasses }}">
    </div>
</section>