@php
    $buttonText = filled($data['button_text'] ?? null) ? $data['button_text'] : $ctx->bookText();
    $buttonUrl = $href($data['button_url'] ?? null, $ctx->bookUrl());
    $checklist = array_values(array_filter($data['checklist'] ?? [], fn ($i) => filled($i['text'] ?? null)));
@endphp
<section class="{{ $cls }}" {{ $attrs }}>
    <div class="container-page">
        <div @class(['home-cta-panel', 'pb-cta-panel--no-media' => blank($data['image'] ?? null)])>
            <div class="home-cta-panel__content">
                @include('builder.partials.head', ['centered' => false])

                @if(count($checklist))
                    <ul class="home-checklist">
                        @foreach($checklist as $item)
                            <li>{{ $item['text'] }}</li>
                        @endforeach
                    </ul>
                @endif

                <x-ui.button :href="$buttonUrl" size="lg" class="home-btn mt-8" data-track-cta="book-panel">{{ $buttonText }}</x-ui.button>
            </div>

            @if(filled($data['image'] ?? null))
                <div class="home-cta-panel__media">
                    <img src="{{ $url($data['image']) }}" alt="{{ $data['image_alt'] ?? '' }}" width="720" height="480" loading="lazy" decoding="async">
                </div>
            @endif
        </div>
    </div>
</section>