@props([
'label' => '',
'type' => 'text',
'name' => '',
'id' => '',
'placeholder' => '',
'value' => '',
'className' => '',
'groupClass' => 'col-md-6',
'required' => false,
'disabled' => false,
'readonly' => false,
'options'  => []
])

<div {{ $attributes->merge(['class' => 'form-group '.$groupClass ]) }}>
    <label for="{{ str_replace(' ', '', $label) }}">{{ $label }}
        <span class="text-danger {{ $required == true ? '' : 'd-none' }} ">*</span>
    </label>
    <select {{ $attributes->merge(["class" => 'form-control '.$className ]) }} 
            id="{{ $id }}" name="{{ $name }}" 
            {{ $required == true ? 'required' : '' }} 
            {{ $disabled == true ? 'disabled' : '' }}
            {{ $readonly == true ? 'readonly' : '' }}>

        <option value="">Select</option>
        @foreach($options as $key => $option)
        <option value="{{ $key }}" @if($key == $value) selected=true @endif >{{ $option }} </option>
        @endforeach
    </select>
   
    @error($name)
        <div class="invalid-feedback d-block">  {{ $message }} </div>
    @enderror
</div>