<div class="c-data-table__item  @if($dataTableColumn->isLocked()) is-locked @endif @if($dataTableColumn->getFlexRatio() !== 1) c-data-table__item--f{{ $dataTableColumn->getFlexRatio() }}  @endif">
    @switch($dataTableColumn->getColumnType())
        @case(1) <!-- TextField -->
            <input class="c-data-table__field  js-data-table-input" type="text" placeholder="@lang('kms/attributes/components.data_table.placeholder')" @if(isset($dataTableItemValue)) value="{!! $dataTableItemValue !!}" @endif/>
        @break
        @case(2) <!-- TextArea -->
            <input class="c-data-table__field  c-data-table__field--textarea  js-data-table-input" @if(isset($dataTableItemValue)) value="{!! $dataTableItemValue !!}" @endif placeholder="@lang('kms/attributes/components.data_table.placeholder')">
            @break
        @case(3) <!-- OnOff -->

            <div class="entity-attribute entity-attribute-on-off" data-key="">
            <!--The hidden input has the same name as the checkbox input, and will only be submitted as the checkbox is unchecked. Else the checkbox value is submitted-->
            <input type="hidden" value="0">
            <input {{ isset($dataTableItemValue) && $dataTableItemValue === "1" ? "checked" : "" }} class="js-data-table-input" value="{{ isset($dataTableItemValue) && $dataTableItemValue === '1' ? '1' : '0' }}" type="checkbox">

                <div class="placeholder">

                    <div class="on-off-switch @if(isset($dataTableItemValue) && $dataTableItemValue === "1") on @endif" ></div>

                </div>

            </div>



            @break
        @default
            {{ ddd('DataTable: Undefined column type:"' . $dataTableColumn->getColumnType() . '" in blade.') }}
            @break
    @endswitch
</div>