@include hdr.html@
<style type="text/css">
table {
  margin-top: 2ex;
}
#service, #stat {
  width: 60ex;
}
#thread {
  width: 80ex;
}
#service td, #thread td {
  text-align: left;
}
#service th, #thread th {
  text-align: left;
}
input {
  font: icon;
}
.timer {
  background-color: #8CACBB;
  width: 100px;
}
.input_error {
  border: 1px solid #ff0000;
}
</style>
<h1>Status</h1>
Next page update <div class="timer" id="update_timer"><br></div>
Update this page every
<input type="text" id="update" size="3" value="" /> seconds
<table id="service">
<thead>
  <tr>
    <th>Service</th>
    <th>Status</th>
    <th>Control</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Bonjour</td>
    <td id="rendezvous">Running</td>
    <td><!-- <a href="config-update.html?action=stopmdns">Stop MDNS Server</a> --></td>
  </tr>
  <tr>
    <td>Firefly Media Server</td>
    <td id="daap_server">Running</td>
    <td><a href="config-update.html?action=stopdaap">Stop Server</a></td>
  </tr>
  <tr>
    <td>File scanner</td>
    <td id="file_scanner">Idle</td>
    <td><a href="config-update.html?action=rescan">Start Scan</a></td>
  </tr>
</tbody>
</table>  
<table id="stat">
  <col style="width: 20ex;" />
  <col />
  <tr>
    <th>Uptime</th>
    <td id="uptime">&#x00a0;</td>
  </tr>
  <tr>
    <th>Songs</th>
    <td id="songs">&#x00a0;</td>
  </tr>
  <tr>
   <th>Songs Served</th>
   <td id="songs_served">&#x00a0;</td>
  </tr>
  <tr>
    <th>DB Version</th>
    <td>2</td>
  </tr>
</table>
<table id="thread">
  <col style="width: 20ex;" />
  <col />
<thead>
  <tr>
    <th>Host</th>
    <th>Action</th>
  </tr>
</thead>
<tbody>
  <tr><td></td><td></td></tr>
</tbody>  
</table>

@include ftr.html@