{% extends 'index.html' %}

{% block content %}
    
    
<div style="margin-left: 20px;">
<h1 class="header">Gateway Status</h1>
<div class="subheader">&darr;&nbsp;Digital I/O and Relay</div>
<div id="digitalio" class="subsection">
    <table>
        <tr>
            <th class="style17">
                I/O
            </th>
            <th class="style17">
                State
            </th>
        </tr>
        <tr>
            <td class="style17">
                Digital Input 1
            </td>
            <td class="style17">
                {{di1}}
            </td>
        </tr>
        <tr>
            <td class="style17">
                Digital Input 2
            </td>
            <td class="style17">
                {{di2}}
            </td>
        </tr>
        <tr>
            <td class="style17">
                Relay
            </td>
            <td class="style17">
                {{relay}}
            </td>
        </tr>
    </table>
</div>
<div class="subheader">&darr;&nbsp;M-Bus Master Output</div>
<div id="mbusmasteroutput" class="subsection">
    <table>
        <tr>
            <th class="style17">
                Loop #
            </th>
            <th class="style17">
                State
            </th>
            <th>
            </th>
        </tr>
        <tr>
            <td class="style17">
                1
            </td>
            <td class="style17">
                {{loop1}}
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td class="style17">
                2
            </td>
            <td class="style17">
                {{loop2}}
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td class="style17">
                3
            </td>
            <td class="style17">
                {{loop3}}
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td class="style17">
                4
            </td>
            <td class="style17">
                {{loop4}}
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td class="style17">
                Error Flag
            </td>
            <td class="style17">
                {{error_string}}
            </td>
            <td>
                {{error_message}}
            </td>
        </tr>
        <tr>
            <td class="style17">
                M-Bus current
            </td>
            <td class="style17">
                {{mbusCurrentString}}
            </td>
            <td class="style17">
            </td>
        </tr>
        <tr>
            <td class="style17">
                % of Max Current
            </td>
            <td class="style17">
                {{mbusCurrentPercentUsed}}
            </td>
            <td class="style17">
            </td>
        </tr>
    </table>
</div>
<div class="subheader">&darr;&nbsp;Temperature</div>
<div id="mbusmasteroutput" class="subsection">
    <table>

    <tr>
            <td class="style17">
                Board Temperature
            </td>
            <td class="style17">
                {{board_temperature}}
            </td>
        </tr>
        <tr>
            <td class="style17">
                M-Bus Stage Temperature
            </td>
            <td class="style17">
                {{mbus_stage_temperature}}
            </td>
        </tr>
    </table>
</div>
<div class="subheader">&darr;&nbsp;RS-485 Failsafe</div>
<div id="mbusmasteroutput" class="subsection">
    <table>
        <tr>
            <th class="style17">
                Port
            </th>
            <th class="style17">
                State
            </th>
        </tr>
        <tr>
            <td class="style17">
                RS-485
            </td>
            <td class="style17">
                {{rs485_failsafe}}
            </td>
        </tr>
    </table>
    <br />
</div>
</div>
{% endblock content %}