@php
    $statePath = $getStatePath();
    $isRequired = $isRequired();
    $isDisabled = $isDisabled();
    $type = $getType();
@endphp

<x-dynamic-component
    :component="$getFieldWrapperView()"
    :field="$field"
>
    <x-slot name="label">
        {{ $getLabel() }}
    </x-slot>

    <x-filament::input.wrapper
        :disabled="$isDisabled"
        :prefix="$getPrefixLabel()"
        :valid="! $errors->has($statePath)"
        :attributes="\Filament\Support\prepare_inherited_attributes($getExtraAttributeBag())->class([
            'fi-fo-text-input overflow-hidden' => $type === \App\Enums\StartupVariableType::Text,
            'fi-fo-select' => $type === \App\Enums\StartupVariableType::Select
        ])"
    >
        @if ($type === \App\Enums\StartupVariableType::Select)
            <x-filament::input.select
                :id="$getId()"
                :required="$isRequired"
                :disabled="$isDisabled"
                :attributes="
                    $getExtraInputAttributeBag()
                        ->merge([
                            $applyStateBindingModifiers('wire:model') => $statePath,
                        ], escape: false)
                "
            >
                @if (!$isRequired)
                    <option value="">
                        @if (!$isDisabled)
                            {{ trans('filament-forms::components.select.placeholder') }}
                        @endif
                    </option>
                @endif

                @foreach ($getSelectOptions() as $value)
                    <option value="{{ $value }}">
                        {{ $value }}
                    </option>
                @endforeach
            </x-filament::input.select>
        @else
            <x-filament::input
                :id="$getId()"
                :required="$isRequired"
                :disabled="$isDisabled"
                :placeholder="$getPlaceholder()"
                :attributes="
                    \Filament\Support\prepare_inherited_attributes($getExtraInputAttributeBag())
                        ->merge($getExtraAlpineAttributes(), escape: false)
                        ->merge([
                            $applyStateBindingModifiers('wire:model') => $statePath,
                        ], escape: false)
                "
            />
        @endif
    </x-filament::input.wrapper>
</x-dynamic-component>