@php
    $current = $items->firstWhere('id', (int) $selected);
@endphp

<div class="schf__pick" data-pick>
    <input type="hidden" name="{{ $name }}" value="{{ $selected }}" data-pick-value>

    <button type="button" class="input schf__pick-btn" aria-haspopup="listbox" aria-expanded="false">
        <span data-pick-label @class(['is-empty' => !$current])>
            {{ $current ? $current->name : __('radio.schedule_end_select_placeholder') }}
        </span>
        <i class="fa-solid fa-chevron-down"></i>
    </button>

    <div class="schf__pick-menu" hidden>
        <input type="search" class="input schf__pick-search" autocomplete="off"
               placeholder="{{ __('radio.schedule_search_playlist') }}">

        <ul class="schf__pick-list">
            @foreach($items as $item)
                <li>
                    <button type="button" data-value="{{ $item->id }}" @class(['is-on' => $current && $current->id === $item->id])>
                        {{ $item->name }}
                    </button>
                </li>
            @endforeach
        </ul>

        <p class="schf__pick-empty" hidden>{{ __('radio.schedule_no_playlist') }}</p>
    </div>
</div>