{% extends 'index.html' %}
{% block content %}


<div class="start-page-container">
  <div class="start-page-flex-column">
    <div class="start-page-heading">
    {% if pi900_type == "900S2": %}
      <p class="start-page-heading-text">Pi-900S</p>
    {% else: %}
      <p class="start-page-heading-text">Pi-{{pi900_type}}</p>
    {% endif %}
    </div>
    <table class="start-page-table">
      <tbody>
        <tr>
          <td>Version</td>
          <td>{{pi900_version}}</td>
        </tr>
        <tr>
          <td>Serial Nr</td>
          <td>{{serialno}}</td>
        </tr>
        <tr>
          <td>OS-version</td>
          <td>{{pi900_os}}</td>
        </tr>
        <tr>
          <td>OS-name</td>
          <td>{{PI900_OS_NAME}}</td>
        </tr>
      </tbody>
    </table>

    <div class="start-page-heading">
      <p class="start-page-heading-text">Unit Info</p>
    </div>
    <table class="start-page-table">
      <tbody>
        <tr>
          <td>Loads</td>
          <td>{{meters}}</td>
        </tr>
        <tr>
          <td>Clients</td>
          <td>{{clients}}</td>
        </tr>
        <tr>
          <td>SlavePort1</td>
          <td>{{protocolS1}} Port:{{localportS1}}</td>
        </tr>
        <tr>
          <td>SlavePort2</td>
          <td>{{protocolS2}} Port:{{localportS2}}</td>
        </tr>
        {% if nslaves > 2: %}
        <tr>
          <td>SlavePort3</td>
          <td>{{protocolS3}} Port:{{localportS3}}</td>
        </tr>
        {% endif %}
        {% if nslaves > 3: %}
        <tr>
          <td>SlavePort4</td>
          <td>{{protocolS4}} Port:{{localportS4}}</td>
        </tr>
        {% endif %}
        <tr>
          <td>Protocols</td>
          <td>
            {% for i in range(protocols|length) %}
            {% if protocols[i].strip() != "-" %}
            {{protocols[i].strip()}}<br />
            {% endif %}
            {% endfor %}
          </td>
        </tr>

      </tbody>
    </table>
    {% if protocols[10] != "" and protocols[10] != "-" %}

    <table class="start-page-table">
      <tbody>
        <tr>
          <td>Wireless meters license</td>
          <td>
            {% if protocols[10]|length >12: %}
            {{protocols[10][10:14]}}
            {% else: %}
            {{protocols[10][10:13]}}
            {% endif %}
          </td>
        </tr>
        {% endif %}
      </tbody>

    </table>

    <table class="start-page-table">
      <tbody>
        <tr>
          <td>Quickpost tag license</td>
          <td>
            {% if protocols[12]|length >13: %}
            {{protocols[12][11:15]}}
            {% else: %}
            {{protocols[12][11:14]}}
            {% endif %}
          </td>
        </tr>
        <tr>
          <td>Quickpost port</td>
          <td>{{quickpostPort}}</td>
        </tr>
      </tbody>
    </table>

    <table class="start-page-table">
      <tbody>
        <tr>
          <td>Number of meters</td>
          <td>
            {{numberOfMeters}}
          </td>
        </tr>
        <tr>
          <td>Wired Meters</td>
          <td>
            {{numberOfWiredMeters}}
          </td>
        </tr>
        <tr>
          <td>Wireless Meters</td>
          <td>
            {{numberOfRadioMeters}}
          </td>
        </tr>
        <tr>
          <td>Wireless Nodes</td>
          <td>
            {{numberOfNodes}}
          </td>
        </tr>
      </tbody>
    </table>
  </div>

  <div class="start-page-flex-column">
    <div class="start-page-heading">
      <p class="start-page-heading-text">Gateway Status</p>
    </div>
    {% set non_digital_types = ['900T','900T-LTE'] %}
    {% if not (pi900_type in non_digital_types) %}
    <!--start relay io -->
    <div class="start-page-heading-text">Digital I/O and Relay</div>
    <div id="digitalio" class="">
      <table>
        <tr>
          <th class="config-width">
            I/O
          </th>
          <th class="">
            State
          </th>
        </tr>
        <tr>
          <td class="config-width">
            Digital Input 1
          </td>
          <td class="">
            {{di1}}
          </td>
        </tr>
        <tr>
          <td class="config-width">
            Digital Input 2
          </td>
          <td class="">
            {{di2}}
          </td>
        </tr>
        <tr>
          <td class="config-width">
            Relay
          </td>
          <td class="">
            {{relay}}
          </td>
        </tr>
      </table>
    </div>
    <!--end relay io -->
    {% endif %}
    <div class="start-page-heading-text">M-Bus Master Output</div>
    <div id="mbusmasteroutput" class="">
      <table>
        <tr style="width:100px;">
          <th class="config-width">
            Loop #
          </th>
          <th class="">
            State
          </th>
          <th>
          </th>
        </tr>
        <tr>
          <td class="config-width">
            1
          </td>
          <td class="">
            {{loop1}}
          </td>
          <td>
          </td>
        </tr>
        <tr>
          <td class="config-width">
            2
          </td>
          <td class="">
            {{loop2}}
          </td>
          <td>
          </td>
        </tr>
        <tr>
          <td class="config-width">
            3
          </td>
          <td class="">
            {{loop3}}
          </td>
          <td>
          </td>
        </tr>
        <tr>
          <td class="config-width">
            4
          </td>
          <td class="">
            {{loop4}}
          </td>
          <td>
          </td>
        </tr>
        <tr>
          <td class="config-width">
            Error Flag
          </td>
          <td class="">
            {{error_string}}
          </td>
          <td>
            {{error_message}}
          </td>
        </tr>
        <tr>
          <td class="config-width">
            M-Bus current
          </td>
          <td class="">
            {{mbusCurrentString}}
          </td>
          <td class="">
          </td>
        </tr>
        <tr>
          <td class="config-width">
            % of Max Current
          </td>
          <td class="">
            {{mbusCurrentPercentUsed}}
          </td>
          <td class="">
          </td>
        </tr>
      </table>
    </div>
    <div class="start-page-heading-text">Temperature</div>
    <div id="mbusmasteroutput" class="">
      <table>
        <tr>
          <td class="config-width">
            Board Temperature
          </td>
          <td class="">
            {{board_temperature}}
          </td>
        </tr>
        <tr>
          <td class="config-width">
            M-Bus Stage Temperature
          </td>
          <td class="">
            {{mbus_stage_temperature}}
          </td>
        </tr>
      </table>
    </div>
    <div class="start-page-heading-text">RS-485 Failsafe</div>
    <div id="mbusmasteroutput" class="">
      <table>
        <tr>
          <th class="config-width">
            Port
          </th>
          <th class="">
            State
          </th>
        </tr>
        <tr>
          <td class="config-width">
            RS-485
          </td>
          <td class="">
            {{rs485_failsafe}}
          </td>
        </tr>
      </table>
      <br />
    </div>
  </div>
</div>

{% endblock content %}