{% extends "base.html" %}

{% block pagebanner %}
  <div class="header">
      <h2>Zones</h2>
      <p>Edit information for {{ zone }}
  </div>
  <br/>
{% endblock %}

{% block sidebar %}
{% include "navbar" %}
<ul>
<li><a href="/hostbase/zones/{{ zone_id }}/" class="sidebar">view zone</a><br>
</li>
</ul>
{% include "logout" %}
{% endblock %}

{% block content %}

<script language=JavaScript type=text/Javascript>
function toggleField(fieldname){
   if(document.getElementById){
      var style = document.getElementById(fieldname).style;
      style.display = style.display? "":"block";
   }
}
</script>

<style type=text/css>
div#nameserver{
   display: none;
}
div#mx{
   display: none;
}
div#address{
   display: none;
}
</style>

<form name="zonedata" action="" method="post">
<table border="0" width="100%">
   <colgroup>
   <col width="200">
   <col width="*">
<tr><td><label for="id_zone">zone:</label></td> <td>{{ form.zone }}</td></tr>
<tr><td><label for="id_admin">admin:</label></td> <td>{{ form.admin }}</td></tr>
<tr><td><label for="id_primary_master">primary_master:</label></td> <td>{{ form.primary_master }}</td></tr>
<tr><td><label for="id_expire">expire:</label></td> <td>{{ form.expire }}</td></tr>
<tr><td><label for="id_retry">retry:</label></td> <td>{{ form.retry }}</td></tr>
<tr><td><label for="id_refresh">refresh:</label></td> <td>{{ form.refresh }}</td></tr>
<tr><td><label for="id_ttl">ttl:</label></td> <td>{{ form.ttl }}</td></tr>
{% for ns in nsforms %}
<tr><td><label for="id_name">nameserver:</label></td> <td>{{ ns.name }}</td></tr>
{% endfor %}
</table>
<div id=nameserver>
<table border="0" width="100%">
   <colgroup>
   <col width="200">
   <col width="*">
   <tr><td><label for="id_name">nameserver:</label></td> <td>{{ nsadd.name }}</td></tr>
   <tr><td><label for="id_name">nameserver:</label></td> <td>{{ nsadd.name }}</td></tr>
</table>
</div>
<a style="font-size:75%" href=# onclick="toggleField('nameserver')">Add NS records</a>
<table border="0" width="100%">
   <colgroup>
   <col width="200">
   <col width="*">
{% for mx in mxforms %}
<tr><td><label for="id_mx">mx:</label></td> <td>{{ mx.priority }} {{ mx.mx }}</td></tr>
{% endfor %}
</table>
<div id=mx>
<table border="0" width="100%">
   <colgroup>
   <col width="200">
   <col width="*">
   <tr><td><label for="id_mx">mx:</label></td> <td>{{ mxadd.priority }} {{ mxadd.mx }}</td></tr>
   <tr><td><label for="id_mx">mx:</label></td> <td>{{ mxadd.priority }} {{ mxadd.mx }}</td></tr>
</table>
</div>
<a style="font-size:75%" href=# onclick="toggleField('mx')">Add MX records</a>
<table border="0" width="100%">
   <colgroup>
   <col width="200">
   <col width="*">
{% for a in aforms %}
<tr><td><label for="id_address">ip address:</label></td> <td>{{ a.ip_addr }}</td></tr>
{% endfor %}
</table>
<div id=address>
<table border="0" width="100%">
   <colgroup>
   <col width="200">
   <col width="*">
   <tr><td><label for="id_address">ip address:</label></td> <td>{{ addadd.ip_addr }}</td></tr>
   <tr><td><label for="id_address">ip address:</label></td> <td>{{ addadd.ip_addr }}</td></tr>
</table>
</div>
<a style="font-size:75%" href=# onclick="toggleField('address')">Add A records</a>
<table border="0" width="100%">
   <colgroup>
   <col width="200">
   <col width="*">
<tr><td><label for="id_aux">aux:</label></td> <td>{{ form.aux }}</td></tr>
</table>
<p><input type="submit" value="Submit">
</form>

{% endblock %}