@php
    $locale = app()->getLocale();
    $isSlider = isset($type) && ($type == 'slider' || $type == 'range') && isset($min) && $min !== '' && $min !== null && isset($max) && $max !== '' && $max !== null;
    $isColor = isset($type) && $type == 'color';
@endphp

<x-kfw::form.component-container :attributes="$attributesCopy">
    <input
            id="{!! $id ?? '' !!}"
            class="form-field
                @if(isset($type) && in_array($type, ['date','datetime-local']))
                    {{ $type }}
                @endif
                @if($isSlider)
                    kfw-slider-number
                @endif
                @if($isColor)
                    kfw-color-text
                @endif
                "
           data-uuid="{{ $uuid }}"
           {!! $extraAttributesString !!}
           autocomplete="off"
           name="{{ ($name ?? $uuid) ?? '' }}"
            data-default-value="{{ $default ?? '' }}"
            @if(isset($name))
                value="{{ old($name, $value ?? ($default ?? '')) }}"
            @else
                value="{{ $value ?? ($default ?? '') }}"
            @endif
           @if(isset($type))
               @if($type == 'number' || $type == 'range' || $type == 'slider')
                   type="number"
                   min="{!! $min ?? '' !!}"
                   max="{!! $max ?? '' !!}"
                   step="{!! $step ?? 1 !!}"
                    @if($isSlider)
                        data-kfw-slider="1"
                    @endif
               @elseif($type == 'date')
                   type="date"
                   placeholder="{{ $locale === 'it' ? 'dd/mm/yyyy' : 'yyyy-mm-dd' }}"
                   pattern="{{ $locale === 'it' ? '\\d{2}/\\d{2}/\\d{4}' : '\\d{4}-\\d{2}-\\d{2}' }}"
                    data-kfw-date
               @elseif($type == 'datetime-local')
                   type="datetime-local"
                   placeholder="{{ $locale === 'it' ? 'dd/mm/yyyy hh:ii:ss' : 'yyyy-mm-dd hh:ii:ss' }}"
                   pattern="{{ $locale === 'it' ? '\\d{2}/\\d{2}/\\d{4} \\d{2}:\\d{2}:\\d{2}' : '\\d{4}-\\d{2}-\\d{2} \\d{2}:\\d{2}:\\d{2}' }}"
                    data-kfw-datetime
               @elseif($type == 'color')
                   {{-- Renders a textual representation aligned with the remaining inputs. --}}
                   type="text"
                   data-kfw-color-text="1"
                   maxlength="7"
                   spellcheck="false"
                   autocapitalize="off"
                   pattern="#[0-9a-fA-F]{6}"
                   @if(isset($placeholder) && is_string($placeholder) && trim($placeholder) !== '')
                       placeholder="{{ $placeholder }}"
                   @else
                       placeholder="#rrggbb"
                   @endif
               @else
                   type="{{ $type }}"
               @endif
           @endif
        @if($disabled)
            disabled
        @endif
        @if(isset($placeholder) && (!isset($type) || (isset($type) && !in_array($type, ['date', 'datetime-local', 'color']))))
            placeholder="{{ $placeholder ? (is_bool($placeholder) && $placeholder ? __('kfw::form-field.text_placeholder') : $placeholder) : '' }}"
        @endif
        @if($hidden)
            hidden
        @endif
        @if($required && !$hidden)
            required
        @endif
        @if(isset($parentUUID) && isset($onLoadChange))
            data-on-load-change="true"
        @endif
        @if(isset($parentUUID) && isset ($updateOnChange))
            data-update-on-change="true"
        @endif
    />
    @if($isSlider)
        <input
                type="range"
                class="kfw-slider-range"
                data-kfw-slider-range="1"
                min="{!! $min ?? '' !!}"
                max="{!! $max ?? '' !!}"
                step="{!! $step ?? 1 !!}"
                @if(isset($name))
                    value="{{ old($name, $value ?? ($default ?? '')) }}"
                @else
                    value="{{ $value ?? ($default ?? '') }}"
                @endif
                @if($disabled)
                    disabled
                @endif
                @if($hidden)
                    hidden
                @endif
        />
    @endif
</x-kfw::form.component-container>