!!&title;
<div class="row">
!!!Current Network: {{wifi.interface.ssid}}
!!{{message}}

<table>
  <thead>
  <tr>
    <td>Network</td>
    <td></td>
  </tr>
  </thead>
  <thead>
  <tr of-repeatFor="network in wifi.networks">
    <td>{{network.name}}</td>
    <td><a href="#" class="button tiny round" onClick="showSetWiFi('{{network.name}}'); return false;">Connect</a></td>
  </tr>
  </thead>
</table>

<a href="#" class="button tiny round" onClick="setToAP(); return false;">Switch to Access Point</a>
<a href="#" class="button tiny round" onClick="showSetAccessPoint(); return false;">Configure Access Point</a>
</div>
<!-- Set WiFi password -->

<div id="OpenForumSetWiFiModal" class="reveal-modal" data-reveal aria-labelledby="firstModalTitle" aria-hidden="true" role="dialog">
  <h2>Set WiFi</h2>
  <p>WiFi password for {{requestedNetworkName}} is <input type="text" of-id="newWiFiPassword"/></p>
  <p><a href="#" onClick="setToWiFi();return false;" class="secondary button">Set WiFi</a></p>
  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>

<!-- Set AP details -->

<div id="OpenForumSetAccessPointModal" class="reveal-modal" data-reveal aria-labelledby="firstModalTitle" aria-hidden="true" role="dialog">
  <h2>Set Access Point</h2>
  <p>Change Access Point Name {{accessPointName}} to <input type="text" of-id="newAccessPointName" /></p>
  <p>Set password to <input type="text" of-id="newAccessPointPassword" /></p>
  <p><a href="#" onClick="setAP();return false;" class="secondary button">Update Access Point</a></p>
  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>