{{--
    enumから単一セレクトを生成する
    @props key enumのフォルダ名.ファイル名
    @props name name属性の値
    @props values デフォルト値配列
    @props type 表示名の種別（enumの名称 or 略称:abbr）
    @props disabled disabled属性
--}}
@props(['key', 'name'=>null, 'value'=>[], 'type'=>'', 'disabled' => false])

@php
    $items = ($type=='abbr') ? Enum::getAbbrs($key) : Enum::getItems($key);
    $selected = fn($val) => in_array($val, $value) ? 'selected' : '';
    $class = (isset($attr['class']))? $attr['class']: '';
    $attr['class'] = $class.' input-select';
@endphp
<div x-data="Component.inputChoiceMultiple" class="flex items-start gap-1.5 ">
    <div class="flex-1">
        <select name='{{$name}}' @disabled($disabled) {!! $attributes->merge($attr) !!} multiple>
            @foreach($items as $item)  
            <option value="{{$item->value}}" {{ $selected($item->value) }} >{{$item->name}}</option>
            @endforeach
        </select>
    </div>
    <div class="flex items-center gap-1 ">
        <x-button x-ref="selectAll" shape="btn-sub text-xs" text="全選択" />
        <x-button x-ref="deselectAll" shape="btn-sub text-xs" text="全解除" />
    </div>
</div>