@props([
    'error' => '',
    'value' => '',
    'type' => 'text',
    'class' => '',
    'label' => '',
    'for' => '',
    'required' => false,
    'col' => '',
    'colClass' => '',
    'labelClass' => '',
    'offset' => '',
    'placeholder' => '',
    'legend' => '',
    'fieldset' => '',
    'icon' => null,
    'prepend' => null,
    'append' => null,
    'icon' => null,
    'disabled' => false,
])

{{-- @php
    $colClasses = $col ? Util::GetBTWidthClasses($col) : '';
    $offsetClasses = $offset ? "offset-md-$offset" : '';
    $fullColClasses = trim("$colClasses $offsetClasses $colClass");
    $formControlClasses = "form-control $class";
@endphp --}}

{{-- @if($col)
    <div class="{{ $fullColClasses }}">
@endif --}}
    @if($col)
        <div class="{{ Util::GetBTWidthClasses($col) }} @if($offset) offset-md-{{ $offset }} @endif  @if($colClass) {{ $colClass }} @endif">
    @endif
        <div class="form-group">
            @if($label)
                <label class="{{ $labelClass }}" for="{{ $for }}">
                    @if($required)
                        {!! showAsterix($for) !!}
                    @endif
                    {!! __($label) !!}
                </label>
            @endif

            @if(isset($prepend) or isset($append) or isset($icon))
                <div class="input-group">

                    @if(isset($prepend) or isset($icon))
                    <div class="input-group-prepend">
                        @isset($icon)
                            <div class="input-group-text"><i class="fas fa-{{ $icon }}"></i></div>
                        @endisset

                        @isset($prepend)
                            {!! $prepend !!}
                        @endisset
                    </div>
                @endif
            @endif

            {{-- @switch($type)
                @case('select')
                    <select {{ $attributes->merge(['class' => "init-select2 $formControlClasses", 'id' => $for, 'name' => $for]) }}>
                        <option value="">@lang('global.Choose')</option>
                        {!! $slot !!}
                    </select>
                    @break
                @case('textarea')
                    <textarea {{ $attributes->merge(['class' => $formControlClasses, 'id' => $for, 'name' => $for]) }}>
                        {!! $value ?? $slot !!}
                    </textarea>
                    @break
                @default
                    <input {{ $attributes->merge(['class' => $formControlClasses, 'type' => $type, 'placeholder' => $placeholder, 'id' => $for, 'name' => $for, 'value' => $value]) }} />
            @endswitch --}}

            @if($type === "select")

                <select {{ $attributes->merge(['class' => "form-control init-select2 $class", "id" => "$for", "name" => "$for", 'disabled' => $disabled]) }}>
                    <option value="">@lang('global.Choose')</option>
                    {!! $slot !!}
                </select>

            @elseif($type === "textarea")
                <textarea {{ $attributes->merge(['value' => $value, 'class' => "form-control $class", 'type' => $type, 'id' => $for, 'name' => $for]) }}>{!! $value ?? $slot !!}</textarea>
            @else
                {!! $slot !!}
                <input {{ $attributes->merge(['value' => $value, 'class' => "form-control $class", 'type' => $type, 'id' => $for, 'name' => $for]) }} />
            @endif

            @isset($append)
                <div class="input-group-append">{!! $append !!}</div>
            @endisset

            @if(isset($prepend) or isset($append) or isset($icon))
                </div>
            @endif

            @if($error and !empty($error))
                <x-invalid-feedback :name="$error" />
            @endif

        </div> <!-- End of .form-group -->

@if($col)
    </div> <!-- End of col classes div -->
@endif