@foreach ($data as $key => $item)
    @if ($key != 0)
        <div class="row" id="oneFieldContainer_{{ $inputCounter + $key }}">
            <div class="col-6">
                <div class="form-group">
                    <input type="text" class="form-control text-center"
                           placeholder="{{ trans('messages.Form Field Text') }}"
                           name="inputs[{{ $inputCounter + $key }}][label]" value="{{ $item[0] }}" required>
                </div>
            </div>
            <div class="col">
                <div class="form-group form-group-float">
                    <select class="form-control select-field-type" name="inputs[{{ $inputCounter + $key }}][input_type]"
                            id="select-field-type-{{ $inputCounter + $key }}">
                        <option value="text" {{ $item[1] == 'text' ? 'selected' : '' }}>{{ trans('messages.Text') }}
                        </option>
                        <option value="number" {{ $item[1] == 'number' ? 'selected' : '' }}>
                            {{ trans('messages.Number') }}</option>
                        <option value="textarea" {{ $item[1] == 'textarea' ? 'selected' : '' }}>
                            {{ trans('messages.Long text') }}</option>
                        <option value="file" {{ $item[1] == 'file' ? 'selected' : '' }}>{{ trans('messages.File') }}
                        </option>
                        <option
                            value="checkbox" {{ $item[1] == 'checkbox' ? 'selected' : '' }}>{{ trans('messages.checkbox') }}
                        </option>
                        <option value="radio" {{ $item[1] == 'radio' ? 'selected' : '' }}>{{ trans('messages.radio') }}
                        </option>

                    </select>
                </div>
            </div>
            <div class="col-2 demo-checkbox" id="demo-checkbox-{{ $inputCounter + $key }}"
                 style="{{ $item[1] != 'number' ? 'display: none;' : '' }}">
                <div class="demo-checkbox">
                    <input type="checkbox" id="md_checkbox_{{ $inputCounter + $key }}"
                           name="inputs[{{ $inputCounter + $key }}][calculated]" class="filled-in chk-col-danger"
                        {{ $item[2] == 1 ? 'checked' : '' }} />
                    <label for="md_checkbox_{{ $inputCounter + $key }}">Auto Calculated</label>
                </div>
            </div>
            <div class="col-1">
                <i class="fa fa-trash" style="cursor: pointer;font-size: 1.5em"
                   onclick="deleteoneFieldContainer({{ $inputCounter + $key }})"></i>
            </div>
            <div class="col-6">
                <div class="form-group">
                    <input style="{{ $item[1] == 'checkbox'  ? 'display: none;' : '' }} {{ $item[1] == 'radio'  ? 'display: none;' : '' }}{{$item[1] == 'file'? 'display: none;' : ''}}" id="placeholder_{{ $inputCounter + $key }}" type="text" class="form-control text-center"
                           placeholder="{{ trans('messages.placeholder') }}"
                           name="inputs[{{ $inputCounter + $key }}][placeholder]" value="{{$item[3]}}">
                </div>
            </div>
            <div class="col-6">
                <div class="form-group">
                    <input id="valueHere_{{ $inputCounter + $key  }}" style="{{ $item[1] == 'checkbox'  ? 'display: none;' : '' }} {{ $item[1] == 'radio'  ? 'display: none;' : '' }}{{$item[1] == 'file'? 'display: none;' : ''}}" type="text" class="form-control text-center" placeholder="{{ trans('messages.value') }}"
                           name="inputs[{{ $inputCounter + $key  }}][value]" value="{{$item[4]}}">
                </div>
            </div>
            <div id="myvalueCheckBox_{{$inputCounter + $key }}" class="col-12"
                 style="display: {{$item[1] != 'checkbox'?'none':'block'}}">
                <div class="row flex-wrap">

                    <div class="col-md-1 col-1" style="position: relative;"
                         onclick="addNewCheckBox({{$inputCounter + $key }})">
                        <i id="add_newCheck_{{$inputCounter + $key}}" title="{{ trans('messages.Add new field') }}"
                           class="fa fa-plus"></i>
                    </div>
                    <div class="col-md-11 col-11">
                        <div class="row" id="myCheckInputHere_{{$inputCounter + $key }}">
                            @if($item[1] == 'checkbox' && $item[5] != null)
                                @foreach (explode(',', $item[5]) as $value)

                                    <div class="col-md-6">
                                        <div class="row">
                                            <div class="col-md-10">
                                                <input class="form-control text-center" type="text"
                                                       placeholder="add your content"
                                                       name="inputs[{{ $inputCounter + $key  }}][checkbox][]"
                                                       {{$item[1] == 'checkbox'?'required':''}}
                                                       value="{{$value}}">
                                            </div>
                                            <div class="col-md-2">

                                            </div>
                                        </div>
                                    </div>

                                @endforeach
                            @else
                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-10">
                                            <input class="form-control text-center" type="text"
                                                   placeholder="add your content"
                                                   name="inputs[{{ $inputCounter + $key  }}][checkbox][]" {{$item[1] == 'checkbox'?'required':''}}>
                                        </div>
                                        <div class="col-md-2">

                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <div id="myvalueRadio_{{$inputCounter + $key }}" class="col-12"
                 style="display: {{$item[1] != 'radio'?'none':'block'}}">
                <div class="row flex-wrap">
                    <div class="col-md-1 col-1" style="position: relative;"
                         onclick="addRadio({{$inputCounter + $key}})">
                        <i id="add_newCheck_{{$inputCounter + $key}}" title="{{ trans('messages.Add new field') }}"
                           class="fa fa-plus"></i>
                    </div>
                    <div class="col-md-11 col-11">
                        <div class="row" id="myRadioInputHere_{{$inputCounter + $key}}">
                            @if($item[1] == 'radio' && $item[5] != null)
                                @foreach (explode(',', $item[5]) as $value)
                                    <div class="col-md-6">
                                        <div class="row">
                                            <div class="col-md-10">
                                                <input class="form-control text-center" type="text"
                                                       placeholder="add your content"
                                                       name="inputs[{{ $inputCounter + $key }}][radio][]"
                                                       {{$item[1] == 'radio'?'required':''}}
                                                value="{{$value}}">
                                            </div>
                                            <div class="col-md-2">

                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            @else
                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-10">
                                            <input class="form-control text-center" type="text"
                                                   placeholder="add your content"
                                                   name="inputs[{{ $inputCounter + $key }}][radio][]">
                                        </div>
                                        <div class="col-md-2">

                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>

            </div>

        </div>

        <script type="text/javascript">
            $('#select-field-type-{{ $inputCounter + $key }}').change(function () {
                if ($(this).val() == 'number') {
                    $("#demo-checkbox-{{ $inputCounter + $key }}").show();
                } else {
                    $("#demo-checkbox-{{ $inputCounter + $key }}").hide();
                }

                if($(this).val() != 'checkbox'  || $(this).val() != 'radio'  || $(this).val() != 'file' )
                {
                    $('#placeholder_{{ $inputCounter }}').show();
                    $('#valueHere_{{ $inputCounter }}').show();
                }

                if ($(this).val() == 'checkbox') {
                    $("#myvalueCheckBox_{{ $inputCounter + $key }}").show();
                    $('#placeholder_{{ $inputCounter + $key }}').hide();
                    $('#valueHere_{{ $inputCounter }}').hide();
                } else {
                    $("#myvalueCheckBox_{{ $inputCounter + $key }}").hide();
                }

                if ($(this).val() == 'radio') {
                    $("#myvalueRadio_{{ $inputCounter + $key }}").show();
                    $('#placeholder_{{ $inputCounter + $key }}').hide();
                    $('#valueHere_{{ $inputCounter }}').hide();
                } else {
                    $("#myvalueRadio_{{ $inputCounter + $key }}").hide();
                }

                if($(this).val() == 'file')
                {
                    $('#placeholder_{{ $inputCounter }}').hide();
                    $('#valueHere_{{ $inputCounter }}').hide();
                }
            })
        </script>
    @endif
@endforeach