@props([
    'products' => [],
    'selected' => '',
    'dropdownName' => '',
])

<select
    name="{{ $dropdownName }}"
    class="form-select single-select-clear-field product-select"
    data-placeholder="Choose Product"
    onchange="fetchUnit(this)"
>
    <option value=""></option>

    @foreach($products as $product)
        <option
            value="{{ $product->id }}"
            data-unit-id="{{ $product->base_unit_id }}"
            data-unit-name="{{ $product->unit->name ?? '' }}"
            {{ (string)$selected === (string)$product->id ? 'selected' : '' }}
        >
            {{ $product->name }}
        </option>
    @endforeach
</select>