@props([
    'label' => null,
    'options',
    'name',
    'id'=>null,
    'selected' => null,
    'onchange' => null,
])


<div class="form-group">
    <label for="category" style="font-weight: bold;">{{ $label }} </label>
    <select id="{{$id}}" onchange="{{$onchange}}" style="background: #f4f4f4; color: black;" class="form-control @error($name) is-invalid @enderror"
        name="{{ $name }}">

        {{-- <option value="{{ $label }}" selected>{{ $label }}</option> --}}

        {{-- @foreach ($options as $option)
            <option value="{{ $option->id }}" @selected(old($name, $selected) === $option->id)>
                {{ $option->name }}
            </option>
        @endforeach --}}
        @foreach ($options as $value => $text)
            <option value="{{ $value }}" @selected($value == $selected)>{{ $text->name ?? $text }}</option>
        @endforeach
    </select>
    @error($name)
        <div class="invalid-feedback">
            <p>{{ $message }}</p>
        </div>
    @enderror
</div>