@php
    $discoverySettings = $pageBuilder['settings'];
    $discoveryTitle = fn ($value) => data_get($value, $locale) ?: data_get($value, 'en') ?: data_get($value, 'ar');
@endphp
@if ($discoverySettings['show_search'] || ($discoverySettings['show_section_nav'] && $pageSections->isNotEmpty()))
    <div class="qr-builder-discovery">
        @if ($discoverySettings['show_search'])
            <label class="qr-builder-search">
                <i class="las la-search" aria-hidden="true"></i>
                <input id="qrBuilderSearch" type="search" aria-label="@lang('qr_builder.search_placeholder')" placeholder="@lang('qr_builder.search_placeholder')" autocomplete="off">
                <button type="button" id="clearQrBuilderSearch" aria-label="@lang('qr_builder.clear_search')"><i class="las la-times" aria-hidden="true"></i></button>
            </label>
        @endif
        @if ($discoverySettings['show_section_nav'] && $pageSections->isNotEmpty())
            <nav class="qr-builder-section-nav" aria-label="@lang('qr_builder.sections')">
                @foreach ($pageSections as $section)
                    @if ($discoveryTitle($section['title']))
                        <a href="#qr-section-{{ $section['key'] }}">{{ $discoveryTitle($section['title']) }}</a>
                    @endif
                @endforeach
            </nav>
        @endif
    </div>
@endif