@props([
    'name' => '',
    'value' => '',
    'label' => '',
    'nullable' => false,
    'disable' => false,
    'tooltip' => '',
    'options' => [],
    'format' => 'text',
    'result' => '',
    'resultPosition' => 'under',
    'func' => '',
    'autocomplete' => 'off',
    'max' => 255,
    'warning' => '',
    'showSidePanelButton' => false,
    'maxWidth' => 8,
    'nameLength' => 20,
    'showError' => true,
    'keydownEnter' => "",
    'showsMinusMark' => false,
    'focusSkip' => false,
])
@php
    $format = toEnum($format, \App\Enums\FieldFormat::class);
    $type = $format->inputType();

@endphp

@if($format->isSameAs(\App\Enums\FieldFormat::BOOLEAN->value))
    <!--トグル-->
    <x-forms.toggle-primary :name="$name" :label="$label" :disable="$disable" />
@elseif(count($options) > 0)
    <!--コンボボックス-->
    <x-forms.combobox
        :key="$value"
        :name="$name"
        :label="$label"
        :value="$value"
        :options="$options"
        :disabled="$disable"
        :focus-skip="$focusSkip"
    />
{{--    @livewire(--}}
{{--        'selectors.combobox',--}}
{{--        ['base_options' => $options, 'label' => $label, 'required' => !$nullable, 'disabled' => $disable,--}}
{{--        'key' => $name, 'selected_key' => $value ?: 0, 'keydown_enter' => $keydownEnter],--}}
{{--        key($name . $value . '-' . $disable)--}}
{{--    )--}}
@elseif($format->isSameAs(\App\Enums\FieldFormat::FOREIGN_KEY->value))
    <x-forms.input-foreign-key
        :name="$name" :label="$label" :required="!$nullable" :disabled="$disable" :type="$type"
        :tooltip="$tooltip" :result="$result" :result-position="$resultPosition" :func="$func"
        :autocomplete="$autocomplete" :max="$max" :max-width="$maxWidth" :name-length="$nameLength"
        :show-error="$showError" :focus-skip="$focusSkip" :warning="$warning"
    />
@elseif($format->isSameAs(\App\Enums\FieldFormat::TEXTAREA->value))
    <!--テキストエリア-->
    <x-forms.input-area :name="$name" :label="$label" :disabled="$disable" :focus-skip="$focusSkip" />
@else
    <!--テキストボックス-->
    <x-forms.input-text-primary
        :name="$name" :label="$label" :required="!$nullable" :disabled="$disable" :tooltip="$tooltip"
        :autocomplete="$autocomplete" :max="$max" :type="$type" :func="$func" :show-error="$showError"
        :keydown-enter="$keydownEnter" :class="$format->inputPosition()" :shows-minus-mark="$showsMinusMark"
        :warning="$warning" :focus-skip="$focusSkip"
    >
        {{$slot}}
    </x-forms.input-text-primary>
@endif
@if($showSidePanelButton)
    <button class="btn btn-primary ml-2" wire:click="showSidePanel('{{$name}}')">
        <i class="fa fa-external-link-alt"></i>
    </button>
@endif