@props([
    'name',
    'id' => null,
    'label' => null,
    'options' => [],
    'selected' => null,
    'required' => false,
    'option_option' => true,
    'default_option_label' => __('admin.def_drop_optn_styl1_txt'),
    'class' => '', // extra css classes
    'col' => 'col-md-12',
    'info' => null,
    'use_text_as_value' => false,
])

<x-form.group :col="$col" :label="$label" :for="$id ?? $name" :required="$required" :error="$errors->first($name)">
    <select id="{{ $id ?? $name }}" name="{{ $name }}"
        {{ $attributes->merge([
            'class' => "form-select $class " . ($errors->has($name) ? 'is-invalid' : ''),
        ]) }}
        @if ($required) required @endif>
        
        @if ($option_option)
            <option value="">{{ $default_option_label }}</option>
        @endif

        @foreach ($options as $key => $text)
            <option 
                value="{{ $use_text_as_value ? $text : $key }}" 
                @selected(old($name, $selected) == ($use_text_as_value ? $text : $key))
            >
                {{ $text }}
            </option>
        @endforeach
    </select>

    @if ($info)
        <div class="text-muted">{!! $info !!}</div>
    @endif
</x-form.group>