<%
  var _wan = locals.wan || {};

  var statusMeta = {
    CONNECTED:    { dot: 'bg-success', ring: 'bg-success/10 border-success/30 text-success', label: 'Connected'    },
    DISCONNECTED: { dot: 'bg-error',   ring: 'bg-error/10 border-error/30 text-error',       label: 'Disconnected' },
    CONNECTING:   { dot: 'bg-warning', ring: 'bg-warning/10 border-warning/30 text-warning', label: 'Connecting'   },
    ERROR:        { dot: 'bg-error',   ring: 'bg-error/10 border-error/30 text-error',       label: 'Error'        },
  };
  var sm = statusMeta[_wan.status] || { dot: 'bg-text-secondary', ring: 'bg-surface-overlay border-border text-text-secondary', label: _wan.status };

  var fields = [
    { label: 'IP Address',   value: _wan.ipAddress    || '—' },
    { label: 'Gateway',      value: _wan.gateway      || '—' },
    { label: 'DNS Primary',  value: _wan.dnsPrimary   || '—' },
    { label: 'MTU',          value: _wan.mtu ? String(_wan.mtu) : '—' },
  ];
%>

  

    

      
        
      
      

        
WAN
        
<%= _wan.connectionType %>
      
    
    
      
      <%= sm.label %>
    
  

  

    <% fields.forEach(function(f) { %>
    

      
<%= f.label %>
      
<%= f.value %>
    
    <% }); %>
  

  <% if (_wan.uplinkMbps || _wan.downlinkMbps) { %>
  

    

      
      <%= _wan.uplinkMbps %> Mbps
    
    

      
      <%= _wan.downlinkMbps %> Mbps
    
  
  <% } %>