@props([
    'error' => '',
    'value' => '',
    'type' => 'text',
    'class' => '',
    'opt'  => null,
    'size' => 'md',
    'placeholder' => '',
    'icon' => null,
])

@php
    $for = $attributes['for'];
    $label = $attributes['label'];
    unset($attributes['for']);
    unset($attributes['label']);
@endphp

@isset($attributes['col'])
    <div class="{{ Util::GetBTWidthClasses($attributes['col']) }} @isset($attributes['offset']) offset-md-{{ $attributes['offset'] }} @endisset  @isset($attributes['col-class']) {{ $attributes['col-class'] }} @endisset">
@endisset

<div class="form-group">
    <label @isset($attributes['labelClass']) class="{{ $attributes['labelClass'] }}" @endisset for="{{ $for }}">
        @if(isset($attributes['required']) and $attributes['required'])
            {!! showAsterix($for) !!}
        @endif {!! __($label) !!}
    </label>

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

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

        <x-select :attributes="$attributes" :id="$for" :name="$for" :opt= {{$opt}} >
            {!! $slot !!}
        </x-select>

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

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

@isset($attributes['col'])
    </div>
@endisset