@props([
    'name' => '',
    'id' => 'multiselect-header',
    'label' => '',
    'options' => [], // [id => name]
    'selected' => [], // preselected ids
    'required' => false,
    'css' => '', // extra css classes
    'col' => 'col-md-12',
])

<x-form.group :col="$col" :label="$label" :for="$id" :required="$required" :error="$errors->first($name)">
    <select id="{{ $id }}" name="{{ $name }}[]" multiple
        {{ $attributes->merge([
            'class' => "form-select $css " . ($errors->has($name) ? 'is-invalid' : ''),
        ]) }}
        @if ($required) required @endif>
        @foreach ($options as $value => $text)
            <option value="{{ $value }}" @selected(in_array($value, old($name, $selected ?? [])))>
                {{ $text }}
            </option>
        @endforeach
    </select>
</x-form.group>