{{-- Custom nested select dropdown --}}

{{-- Required settings: --}}
{{-- none --}}

{{-- Optional settings: --}}
{{-- label: label associated with the input; id is required --}}
{{-- id: required if label is specified --}}
{{-- name:  --}}
{{-- placeholder --}}
{{-- conatainerId --}}
{{-- containerExtraClass --}}
{{-- inputExtraClass --}}

<div
    class="form-input-container nested-select-control-container {{$containerExtraClass ?? ''}}"
    @if(!empty($containerId)) id="{{$containerId}}" @endif
>
    @if(!empty($label) && !empty($id))
        <label for="{{$id}}">{{$label}}</label>
    @endif

    <div class="input-group select-container">
        <input
            class="form-control select-input multipleChoice"
            @if(!empty($id)) id="{{$id}}" @endif
            @if(!empty($name)) name="{{$name}}" @endif
            placeholder="{{$placeholder ?? ''}}"
            readonly
        >

        <div class="select-toggle-icon"></div>
    </div>
</div>