{{-- 
    Laravel Blade Component: Input Field 
    Usage: <x-form.select2 ... />
--}}

<div class="{{ $classes }}">
    <label class="form-label mb-1" for="{{ $id }}">{{ $label }}</label>
    <select 
        name="{{ $name }}" 
        id="{{ $id }}" 
        class="form-control select2 {{ $name }} select_{{ $name }} @error($name) is-invalid @enderror"
    >
        <option 
            @foreach($dataAttributes as $attribute)
                data-{{ $attribute }}=""
            @endforeach 
            value=""
        >--------</option>

        
        @foreach ($list as $item)
            <option 
                value="{{ $item->{$value_field} }}"
                @foreach($dataAttributes as $attribute)
                    data-{{ $attribute }}="{{ $item->{$attribute} }}"
                @endforeach
                @selected(old($name, $selected) == $item->{$value_field})
            >
                {{ $item->{$label_field} }}
            </option>
        @endforeach
    </select>

    <div class="text-danger messages_errors_custom msg_input_{{ $name }}"></div>
</div>