<?php
require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php');
page_header('Global settings', 'set_global');
?>

   <div id="MainPanel">
    <div style="overflow: hidden;">
     <table style="width: 100%;">
      <tr>
       <td colspan="6">&nbsp;</td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right; padding: 3px;">System name:</td>
       <td align="left" style="vertical-align: top; padding: 3px;"><input id="name" /></td>
       <td style="vertical-align: top; float: right; padding: 3px;">Firmware:</td>
       <td align="left" colspan="3" style="vertical-align: top; padding: 3px;"><input id="FW" readonly /></td>
      </tr>
       <td style="vertical-align: top; float: right; padding: 3px;">System uuid:</td>
       <td align="left" colspan="5" style="vertical-align: top; padding: 3px;"><input id="uuid" readonly /></td>
      </tr>
      </tr>
       <td style="vertical-align: top; float: right; padding: 3px;">Node:</td>
       <td align="left" style="vertical-align: top; padding: 3px;"><input id="node" readonly /></td>
       <td style="vertical-align: top; float: right; padding: 3px;">OS:</td>
       <td align="left" colspan="3" style="vertical-align: top; padding: 3px;"><input id="os" readonly /></td>
      </tr>
      <tr>
       <td colspan="6">&nbsp;</td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right; padding: 3px;">Server port:</td>
       <td style="padding: 3px;"><div id="server_port"></div></td>
       <td style="vertical-align: top; float: right; padding: 3px;">Websocket port:</td>
       <td style="padding: 3px;"><div style="float: left;" id="websocket_port"></div></td>
       <td style="vertical-align: top; float: right; padding: 3px;">Next unit:</td>
       <td style="padding: 3px;"><div style="float: left;" id="nextunit"></div></td>
      </tr>
      <tr>
       <td colspan="6">&nbsp;</td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right; padding: 3px;">Room temp address:</td>
       <td style="padding: 3px;"><div id="temp_uuid"></div></td>
       <td style="vertical-align: top; float: right; padding: 3px;">Room temp state:</td>
       <td align="left" style="vertical-align: top; padding: 3px;"><input id="temp_state" readonly /></td>
       <td style="vertical-align: top; float: right; padding: 3px;">Room temperature:</td>
       <td style="padding: 3px;"><div style="float: left;" id="temp_value"></div></td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right; padding: 3px;">Room hum address:</td>
       <td style="padding: 3px;"><div id="hum_uuid"></div></td>
       <td style="vertical-align: top; float: right; padding: 3px;">Room hum state:</td>
       <td align="left" style="vertical-align: top; padding: 3px;"><input id="hum_state" readonly /></td>
       <td style="vertical-align: top; float: right; padding: 3px;">Room humidity:</td>
       <td style="padding: 3px;"><div style="float: left;" id="hum_value"></div></td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right; padding: 3px;">Room Domoticz idx:</td>
       <td style="padding: 3px;" colspan="5"><div id="temp_hum_idx"></div></td>
      </tr>
      <tr>
       <td colspan="6">&nbsp;</td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right; padding: 3px;">LCD I2C address:</td>
       <td style="padding: 3px;"><div id="lcd_address"></div></td>
       <td style="vertical-align: top; float: right; padding: 3px;">LCD columns:</td>
       <td style="padding: 3px;"><div id="lcd_cols"></div></td>
       <td style="vertical-align: top; float: right; padding: 3px;">LCD rows:</td>
       <td style="padding: 3px;"><div style="float: left;" id="lcd_rows"></div></td>
      </tr>
      <tr>
       <td colspan="6">&nbsp;</td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right; padding: 3px;">MQTT host:</td>
       <td align="left" style="vertical-align: top; padding: 3px;"><input id="mqtt_host" /></td>
       <td style="vertical-align: top; float: right; padding: 3px;">MQTT username:</td>
       <td align="left" colspan="3" style="vertical-align: top; padding: 3px;"><input id="mqtt_username" /></td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right; padding: 3px;">MQTT port:</td>
       <td style="padding: 3px;"><div id="mqtt_port"></div></td>
       <td style="vertical-align: top; float: right; padding: 3px;">MQTT password:</td>
       <td align="left" colspan="3" style="vertical-align: top; padding: 3px;"><input type="password" id="mqtt_password" /></td>
      </tr>
     </table>
     <div style="float: right; margin-top: 80px; margin-bottom: 10px;">
      <input style="margin-right: 595px;" type="button" id="Save"   value="Save" />
     </div>
    </div>
   </div>



<?php
page_footer();
?>
