<div class="col-md-6" >
    <div class="form-group no-margin">
        <div class="col-md-12 m-b-sm">
            <label id="{{$fieldID}}" class="control-label text-left">{{$uiName}}</label>
            <a class="adtip" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="<?php echo $field->note;?>"><i class="fa fa-info-circle"></i></a>
        </div>
        <div class="col-md-12 ">
            @if($field->setting_dev_class =='textarea')
                <textarea  rows='3'  class='form-control input-sm ' name="{{$fieldName}}">{{$fieldValue}}</textarea>
            @elseif($field->setting_dev_class =='editor')
                <textarea name="{{$fieldName}}" rows='5' id='editor' class='form-control input-sm editor'>{{ $fieldValue }}</textarea>
            @elseif($field->setting_dev_class == 'isInteger' || $field->setting_dev_class == 'isNumber')
                <input  type='number' name="{{$fieldName}}"  value='{{$fieldValue}}' class='form-control input-sm ' />
            @elseif($field->setting_dev_class == 'date')
                <input  type='date' name="{{$fieldName}}"  value='{{$fieldValue}}' class='form-control input-sm ' />
            @elseif($field->setting_dev_class == 'jscolor')
                <input  type='color' name="{{$fieldName}}"  value='{{$fieldValue}}' class='form-control input-sm colorpicker' />
            @elseif($field->setting_dev_class == '')
                <input  type='text' name="{{$fieldName}}"  value='{{$fieldValue}}' class='form-control input-sm ' />
            @elseif(strtok($field->setting_dev_class,'|' ) =='select')
                <?php
                $selectBData = explode('|',$field->setting_dev_class);
                $type = $selectBData[count($selectBData)-1];
                $table       = $selectBData[1];
                $pKey        = $selectBData[2];
                $fieldname   = $selectBData[3];
                $selected    = is_array($fieldValue) ? implode(',',$fieldValue) : $fieldValue;
                ?>

                @if($type == 'm')
                    <select name='{{$fieldName}}[]' id="sel{{$fieldID}}" multiple="multiple" class="sel_unordered">
                    </select>
                @else
                    <select name="{{$fieldName}}"  id="sel{{$fieldID}}"  >
                    </select>
                @endif

                <script type="text/javascript">
                  $(document).ready(function () {
                    $("#sel{{$fieldID}}").select2({
                      ajax: {
                        url: "{{url('/')}}/settings/ajaxselect?filter={{$table}}:{{$pKey}}:{{$fieldname}}",
                        data: function (params) {
                          console.log(params);
                          return {
                            search: params.term,
                            page: params.page || 1
                          };
                        },
                        dataType: 'json',
                        processResults: function (data) {
                          data.page = data.page || 1;
                          return {
                            results: data.items.map(function (item) {
                              return {
                                id: item.{{$pKey}},
                                text : IsJsonString(item.{{$fieldname}})
                              };
                            }),
                            pagination: {
                              more: data.pagination
                            }
                          }
                        },
                        cache: true,
                        delay: 250
                      },
                      placeholder: 'Select {{$uiName}}',
                      // minimumInputLength: 2,
                      multiple: {{ ($type == 'm') ? 1 : 0 }}  ,
                      width:'100%',
                      sortResult: false
                    });

                    // Fetch the preselected item, and add to the control

                      @if(strlen($selected)>0)

                    var {{$fieldID}}_sel = $('#sel{{$fieldID}}');
                    $.ajax({
                      type: 'GET',
                      url: "{{url('/')}}/settings/ajaxselect?filter={{$table}}:{{$pKey}}:{{$fieldname}}&values={{$selected}}",
                    }).then(function (data) {
                      // create the option and append to Select2
                      data.items.map(function (item) {
                        var option = new Option(IsJsonString(item.{{$fieldname}}), item.{{$pKey}}, true, true);
                          {{$fieldID}}_sel.append(option).trigger('change');

                      });

                      // manually trigger the `select2:select` event
                        {{$fieldID}}_sel.trigger({
                          type: 'select2:select',
                          params: {
                            data: data
                          }
                        });
                    });

                      @endif

                  });
                </script>

            @elseif($field->setting_dev_class == 'switch')
                <input type="hidden" name="{{$fieldName}}" value ='N' />
                <div class='switch-wrap'> <label class='switch'>
                        <input type='checkbox' name="{{$fieldName}}" value ='Y' @if($fieldValue == 'Y') checked @endif  />   <span class="slider round"></span></label>
                </div>

            @elseif(strtok($field->setting_dev_class,'|' ) =='jsonRadio')
                <?php
                $selectBData = explode('|',$field->setting_dev_class);
                $options     = json_decode($selectBData[count($selectBData)-1]);
                $selected    = is_array($fieldValue) ? implode(',',$fieldValue) : $fieldValue;
                ?>

                <select name="{{$fieldName}}"  class='select2' >
                    @foreach($options as $key=>$value)
                        <option value="{{$value}}"  @if($value == $selected) selected @endif >{{$key}}</option>
                    @endforeach
                </select>


            @elseif($field->setting_dev_class == 'lang')

                <?php
                $val = json_decode($fieldValue); $is_first = true; ?>
                <ul class='editor-nav nav nav-tabs'>

                    @foreach(explode(',', config('website.cnf_langs')) as $ilang )

                        <li class='{{$is_first ? "active" : null}}'><a  href='#{{$fieldID}}_{{$ilang}}' data-toggle='tab'>{{$ilang}}</a></li>


                        <?php  $is_first = false;?>
                    @endforeach

                    <div class="tab-content ">


                        <?php $is_first = true; ?>
                        @foreach(explode(',', config('website.cnf_langs')) as $ilang )
                            <div class='tab-pane {{$is_first ? "active" : null}}' id='{{$fieldID}}_{{$ilang}}'>
				
        <textarea name="{{$fieldName}}[{{$ilang}}]" rows='5' id='{{$fieldID}}'
                  class='form-control input-sm'>{{isset($val->{$ilang}) ? $val->{$ilang} : null}}</textarea>


                            </div>
                            <?php  $is_first = false;?>
                        @endforeach
                    </div>



                    @else


                        <input  type='{{$field->setting_dev_class}}' name="{{$fieldName}}" class='form-control input-sm '  value='{{$fieldValue}}'>
            @endif


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