//Icon finder
<script>

    function initIconPickerInPage(id)
    {
         var myIconPicker = new UniversalIconPicker(id,{
            iconLibraries: ['http://localhost/joinsea/public/version_2/js/universal-icon-picker-main/assets/icons-libraries/font-awesome.min.json',
            ],
            iconLibrariesCss: [
              // from CDN
              'https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.8.1/font/bootstrap-icons.min.css',
              'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css',
            ],
        });

        var myIconPicker = new UniversalIconPicker(id,{
            resetSelector: '#clear',
            onReset: function() {
              //  do something
            }
        });

        var myIconPicker = new UniversalIconPicker(id,{
            onSelect: function(jsonIconData) {
              //alert('get');
              // jsonIconData.libraryId
              // jsonIconData.libraryName
              // jsonIconData.iconHtml
              // jsonIconData.iconMarkup
              // jsonIconData.iconClass
              // jsonIconData.iconText
          },
        });


        myIconPicker.setOptions({
          // new options here
        });
    }

</script>
<script src="{{asset('version_2/js/universal-icon-picker-main/assets/js/universal-icon-picker.js')}}"></script>



 @php
                                                                        $icon_picker_id = 'switch_'.$i;



{{App\Models\Language::trans('Icon')}}


<div class="input-group mb-3">
    <div class="input-group-prepend">
        <span class="input-group-text"><i id="switch_icon_{{$i}}" class="{{$row->icon}}" aria-hidden="true"></i></span>
    </div>
    {!! Form::text('switch['.$i.'][icon]', $row->icon, ['class'=>'form-control' , 'id' => 'switch_icon_text_'.$i ]) !!} 
   
</div>
<label name='iconPicker' id={{$icon_picker_id}}>Select From Icon Picker</label>

<script type="text/javascript">
        initIconPickerInPage('#{{$icon_picker_id}}');
</script>


                                               <div class="input-group mb-3">
                                                                        <div class="input-group-prepend">
                                                                            <span class="input-group-text"><i id="switch_icon_{{$i}}" class="" aria-hidden="true"></i></span>
                                                                        </div>
                                                                        {!! Form::text('switch['.$i.'][icon]', null , ['class'=>'form-control' , 'id' => 'switch_icon_text_'.$i ]) !!} 
                                                                       
                                                                    </div>
                                                                    <label name='iconPicker' id={{$icon_picker_id}}>Select From Icon Picker</label>




    @php 
        $icon_path =  asset('version_2/js/universal-icon-picker-main/assets/icons-libraries/');
        $css_path =  asset('version_2/js/universal-icon-picker-main/assets/stylesheets/');
        ///dd($icon_path);
    @endphp