<style>
  .header h4 {
    position: relative;
    top: 0.9em;
  }
  .header h2 {
        text-transform: uppercase;
        font-size: 14px;
        color: #aaa;
        margin: 0.75em 0;
  }
  .header p {
      font-size: 24px;
      color: black;
      font-weight: 600;
  }
</style>

<div class="row header">
  <div class="col-xs-1">
    <div class="<%= nodecolors.statuscolor %> nodecolor"></div>
  </div>

  <div class="col-xs-2">
  <img src="<%= nodeimgurl %>" />
  </div>

  <div class="col-xs-2">
    <h4><%= node.vanityname %>: <br/><% if (channels["ipp.handmode"].value == 1) { %>
            Hand Mode
        <% } else if (channels["ipp.automode"].value == 1) { %>
            Auto Mode
        <% } else { %>
            Off
        <% } %>
    </h4>
  </div>
  <div class="col-xs-3">
    <h2>Motor Current</h2>
    <p><%=channels["ipp.e300averagecurrent"].value %> A</p>
  </div>
 <% if (channels["ipp.downholetoolenabled"].value == 1) { %>
    <div class="col-xs-3">
        <h2>Fluid Level</h2>
        <p><%=channels["ipp.dhfluidlevel"].value %> ft</p>
    </div>
<% } %>
</div>
