@props([
        'key' => 0,
        'selectors' => [],
        'selectedTargets' => [],
        'filterCol' => '',
//        'valueFilterName' => '',
        'format' => '',
        'wireModelType' => \App\Enums\ELivewireModelType::BLUR,
])
@php
    $format = \App\Enums\FieldFormat::from($format);
    $valueFilterName = 'value_filters.' . $filterCol;
@endphp
@switch($format->filterType())
    @case(\App\Enums\FilterType::RANGE)
        <x-filters.range_filter :type="$format->inputType()"
                                :min-model="'range_filters.' . $filterCol . '.0'"
                                :max-model="'range_filters.' . $filterCol . '.1'"
                                :wire-model-type="$wireModelType"/>
        @break
    @case(\App\Enums\FilterType::CHECKBOXES)
        <x-filters.checkboxes
            :$key
            :$selectors
            :base-model="$valueFilterName"/>
        @break
    @case(\App\Enums\FilterType::TABLE_SELECTOR)
        <x-filters.foreign_key_filter :model="'foreign_filters.' . $filterCol" :filter-col="$filterCol" :wire-model-type="$wireModelType"/>
        @break
    @case(\App\Enums\FilterType::MULTIPLE_SELECTOR)
        @php
            $base_filter = 'foreign_filters.' . $filterCol;
        @endphp
        <x-dropdowns.multiple-select-dropdown2
            button-text="複数選択"
            title="選択"
            width="w-80"
            icon=""
{{--            :direction="\App\Enums\EDirection::RIGHT" todo 位置調整 --}}
            :key="$base_filter"
            :all-model="$base_filter"
            :cols="$selectedTargets"
        />
        @break
    @case(\App\Enums\FilterType::TOGGLE)
        <x-filters.toggle :model="$valueFilterName" />
        @break
    @default
        <x-filters.text_filter :type="$format->inputType()"
                               :model="$valueFilterName"/>
        @break
@endswitch