local art = [[
          _/\              
        _/   \             
       /__/   \            
         /     \           
  _____ /_______\ ______   
  \    /           \   /   
   \/   ##      ##  \ /    
     | ####    #### |      
    \   ##      ##   /     
       \           /       
         |-    -|          
       __|      |__        
]]

local function is_service_live(service, is_user)
  local opt = ''
  if is_user then
    opt = '-U '
  end
  local handle = io.popen('rc-service ' .. opt .. service .. ' status 2>&1')
  local output = handle:read('*a')


  local is_dummy = string.match(output, "not found")
  if is_dummy then
    return "unknown"
  end
  local is_running = string.match(output, "started")
  if is_running then
    return "online"
  else
    return "offline"
  end
end

local function Service(props)
  return <div class="service-info">
    <div class="service-name">
      {$ props.attrs.service $}
    </div>
    <div class={"service-status service-status-" .. is_service_live(props.attrs.service, props.attrs.is_user)}>
      {$ is_service_live(props.attrs.service, props.attrs.is_user) $}
    </div>
  </div>
end

return function(props)
    return <div class="main-info">
      <div class="main-info-title">
        they do lots of things!
      </div>
      <div class="ascii-art">
        {$ art $}
      </div>
      <div class="service-group">
        <Service service="tailscale" is_user={true} />
        <Service service="reluax" />
        <Service service="nginx" />
        <Service service="fcgiwrap" />
        <Service service="sshd" />
        <Service service="git-daemon" />
      </div>
    </div>
end