<div class="row mb-3">
    <div class="col-3">
        <label for="{{ $id }}" class="col-form-label">
            {{ $label }} @if($required)*@endif
        </label>
    </div>
    <div class="col">
        @switch($type)
            @case('input')
                <x-form-control-input type="{{ $inputType }}" name="{{ $attr }}" id="{{ $id }}"
                                      value="{{ $value  }}" :required="$required">
                </x-form-control-input>
                @break
            @case('text_area')
                <x-form-control-text-area name="{{ $attr }}" id="{{ $id }}" :value="$value" :required="$required"></x-form-control-text-area>
                @break
            @case('select')
                <x-form-control-select name="{{ $attr }}" id="{{ $id }}" :value="$value" :options="$options" :multiple="$multiple"></x-form-control-select>
                @break
        @endswitch
    </div>
</div>
