<%
  var _dev = locals.device || {};

  var iconMap = {
    computer: 'fa-solid fa-desktop',
    laptop:   'fa-solid fa-laptop',
    phone:    'fa-solid fa-mobile-screen',
    tablet:   'fa-solid fa-tablet-screen-button',
    tv:       'fa-solid fa-tv',
    gaming:   'fa-solid fa-gamepad',
    printer:  'fa-solid fa-print',
    camera:   'fa-solid fa-camera',
    iot:      'fa-solid fa-microchip',
    router:   'fa-solid fa-network-wired',
    nas:      'fa-solid fa-hard-drive',
    unknown:  'fa-solid fa-circle-question',
  };

  var connLabel = { WIRED: 'Wired', WIFI_2_4: '2.4 GHz', WIFI_5: '5 GHz', WIFI_6: '6 GHz' };

  function fmtBytes(b) {
    if (b >= 1073741824) return (b / 1073741824).toFixed(1) + ' GB';
    if (b >= 1048576)    return (b / 1048576).toFixed(0) + ' MB';
    return (b / 1024).toFixed(0) + ' KB';
  }

  var icon     = iconMap[_dev.iconType]       || iconMap.unknown;
  var name     = _dev.customName || _dev.hostname || '—';
  var conn     = connLabel[_dev.connectionType] || _dev.connectionType;
  var upload   = fmtBytes(_dev.uploadBytes   || 0);
  var download = fmtBytes(_dev.downloadBytes || 0);
%>

  
    

      
        
      
      

        
<%= name %>
        
<%= _dev.mac %>
      
    
  
  <%= _dev.ip %>
  
    
      
      <%= conn %>
      <% if (_dev.signalDbm !== null && _dev.signalDbm !== undefined) { %>
      (<%= _dev.signalDbm %> dBm)
      <% } %>
    
  
  
     <%= upload %>
    ·
     <%= download %>
  
  
    <% if (_dev.isBlocked) { %>
    Blocked
    <% } else if (_dev.isStatic) { %>
    Static
    <% } else { %>
    DHCP
    <% } %>