@if(isset($settings) && $settings->count() > 0)
    @foreach($settings as $setting)
        @php
            $properties = json_decode($setting->properties);
        @endphp
        <tr>
            <td>
                <span><i class="fa fa-arrows-alt dragula-handle"></i></span>
                <input type="hidden" name="widget_id[]" class="widget_id" value="{{ $setting->id }}" />
            </td>
            <td>
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="col-form-label">Widget Name</label>
                            <input type="text" class="form-control widget_name" name="widget_name[]" value="{{ $setting->name }}" placeholder="Enter Widget Name" />
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="col-form-label">Widget Url</label>
                            <input type="text" class="form-control widget_url" name="widget_url[]" value="{{ $properties->url }}" placeholder="Enter Widget Url" />
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="col-form-label">Widget Color</label>
                            <input type="text" class="form-control colorpicker widget_color" name="widget_color[]" value="{{ $properties->color }}" placeholder="Enter Widget Color" />
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="col-form-label">Widget Background Color</label>
                            <input type="text" class="form-control colorpicker widget_bgcolor" name="widget_bgcolor[]" value="{{ $properties->bgcolor }}" placeholder="Enter Widget Background Color" />
                        </div>
                    </div>
                </div>
            </td>
            </td>
            <td width="200">
                <a href="javascript:void(0);" class="btn btn-sm btn-dark iconadd mr-1"><i class="fa fa-plus"></i></a>
                <a href="{{ route('tenant.web_form.form', array($widget->id, $setting->id)) }}" target="_blank" class="btn btn-sm btn-dark mr-1">
                    <i class="fa fa-search-plus"></i>
                </a>
                <a href="{{ $properties->url }}" target="_blank" class="btn btn-sm btn-dark"><i class="fa fa-link mr-1"></i></a>
                <a href="javascript:void(0);" class="btn btn-sm btn-danger iconremove mr-1"><i class="fa fa-trash"></i></a>
            </td>
        </tr>
    @endforeach
@endif    

<tr>
    <td>
        <span><i class="fa fa-arrows-alt dragula-handle"></i></span>
        <input type="hidden" name="widget_id[]" class="widget_id" value="new_widget_setting" />
    </td>
    <td>
        <div class="row">
            <div class="col-md-6">
                <div class="mb-3">
                    <label class="col-form-label">Widget Name</label>
                    <input type="text" class="form-control widget_name" name="widget_name[]" value="" placeholder="Enter Widget Name" />
                </div>
            </div>
            <div class="col-md-6">
                <div class="mb-3">
                    <label class="col-form-label">Widget Url</label>
                    <input type="text" class="form-control widget_url" name="widget_url[]" value="" placeholder="Enter Widget Url" />
                </div>
            </div>
            <div class="col-md-6">
                <div class="mb-3">
                    <label class="col-form-label">Widget Color</label>
                    <input type="text" class="form-control colorpicker widget_color" name="widget_color[]" value="" placeholder="Enter Widget Color" />
                </div>
            </div>
            <div class="col-md-6">
                <div class="mb-3">
                    <label class="col-form-label">Widget Background Color</label>
                    <input type="text" class="form-control colorpicker widget_bgcolor" name="widget_bgcolor[]" value="" placeholder="Enter Widget Background Color" />
                </div>
            </div>
        </div>
    </td>
    <td width="200">
        <a href="javascript:void(0);" class="btn btn-sm btn-dark iconadd mr-1"><i class="fa fa-plus"></i></a>
        <span class="btn btn-sm btn-dark disabled mr-1"><i class="fa fa-search-plus"></i></span>
        <span class="btn btn-sm btn-dark disabled mr-1"><i class="fa fa-link"></i></span>
        <a href="javascript:void(0);" class="btn btn-sm btn-danger iconremove mr-1"><i class="fa fa-trash"></i></a>
    </td>
</tr>