{{-- @props(['label', 'name', 'options' => [], 'selected' => [], 'required' => false])

<div class="form-group">
    <label for="{{ $name }}">{{ $label }} @if($required)<span class="text-danger">*</span>@endif</label>
    <select name="{{ $name }}[]" id="{{ $name }}" multiple {{ $required ? 'required' : '' }}
        {{ $attributes->merge(['class' => 'form-control select2' . ($errors->has($name) ? ' is-invalid' : '')]) }}>
        @foreach ($options as $value => $text)
            <option value="{{ $value }}" {{ in_array($value, old($name, $selected)) ? 'selected' : '' }}>
                {{ $text }}
            </option>
        @endforeach
    </select>
    @error($name)
        <span class="invalid-feedback d-block">{{ $message }}</span>
    @enderror
</div> --}}

@props(['label', 'name', 'options' => [], 'selected' => [], 'required' => false, 'placeholder' => 'Select options', 'hint' => null, 'disabled' => false])

@php
    // Force selected values to always be an array
    $oldValues = old($name);
    $selectedValues = is_array($oldValues) ? $oldValues : (is_array($selected) ? $selected : []);
@endphp

<div class="form-group">
    <label for="{{ $name }}">{{ $label }} @if($required)<span class="text-danger">*</span>@endif</label>
    <select name="{{ $name }}[]" id="{{ $name }}" multiple data-placeholder="{{ $placeholder }}"
        {{ $required ? 'required' : '' }}
        @if($disabled) disabled @endif
        {{ $attributes->merge(['class' => 'form-control select2 ' . ($errors->has($name) ? 'is-invalid' : '')]) }}>
        @foreach ($options as $value => $text)
            <option value="{{ $value }}" {{ in_array($value, $selectedValues) ? 'selected' : '' }}>
                {{ $text }}
            </option>
        @endforeach
    </select>
    @if($hint)
        <small class="form-text text-muted">{{ $hint }}</small>
    @endif
    @error($name)
        <span class="invalid-feedback d-block">{{ $message }}</span>
    @enderror
</div>