{
  "widgettype": "HBox",
  "options": {
    "width": "100%",
    "height": "50px",
    "backgroundColor": "{{ '#22C55E' if item.status == 'Connected' else '#EF4444' }}",
    "padding": "8px"
  },
  "subwidgets": [
    {
      "widgettype": "Text",
      "options": {
        "text": "{{item.name}}",
        "color": "#FFFFFF",
        "fontSize": "16px",
        "fontWeight": "bold"
      }
    },
    {
      "widgettype": "Filler"
    },
    {
      "widgettype": "Button",
      "options": {
        "label": "Details",
        "backgroundColor": "#3B82F6",
        "color": "#FFFFFF"
      },
      "binds": [
        {
          "wid": "self",
          "event": "click",
          "actiontype": "urlwidget",
          "target": "app.main-content",
          "options": {
            "url": "{{entire_url('service-detail.ui')}}",
            "params": {
              "service_id": "{{item.id}}"
            }
          },
          "mode": "replace"
        }
      ]
    }
  ]
}