{% extends "base.html" %}
{% block title %}<title>DNS Control Panel - Add Domain</title>{% endblock %}

{% block dashboard_stat %}
	<!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Domain
        <small>Create new</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="{{ url_for('dashboard') }}"><i class="fa fa-dashboard"></i>Home</a></li>
        <li><a href="{{ url_for('dashboard') }}">Domain</a></li>
        <li class="active">Add Domain</li>
      </ol>
    </section>
{% endblock %}

{% block content %}
<div class="row">
	<div class="col-md-4">
		<div class="box box-primary">
			<div class="box-header with-border">
				<h3 class="box-title">Create new domain</h3>
			</div>
			<!-- /.box-header -->
			<!-- form start -->
			<form role="form">
				<div class="box-body">
					<div class="form-group">
						<input type="email" class="form-control" id="domain_name" placeholder="Enter a valid domain name (required)">
					</div>
					<div class="form-group">
						<label>Type</label>
						<div class="radio">
							<label>
								<input type="radio" name="radio_type" id="radio_type_native" value="native" checked> Native
							</label>
							&nbsp;&nbsp;&nbsp;
							<label>
								<input type="radio" name="radio_type"id="radio_type_master" value="master"> Master
							</label>
							&nbsp;&nbsp;&nbsp;
							<label>
								<input type="radio" name="radio_type" id="radio_type_slave" value="slave" disabled>Slave
							</label>
						</div>
					</div>
					<div class="form-group">
						<label>SOA-EDIT-API</label>
						<div class="radio">
							<label>
								<input type="radio" name="radio_type_soa_edit_api" id="radio_off" value="OFF" checked> (OFF)
							</label>
						</div>
						<div class="radio">
							<label>
								<input type="radio" name="radio_type_soa_edit_api"id="radio_inception_increment" value="INCEPTION-INCREMENT"> INCEPTION-INCREMENT
							</label>
						</div>
						<div class="radio">
							<label>
								<input type="radio" name="radio_type_soa_edit_api" id="radio_inception" value="INCEPTION" disabled> INCEPTION
							</label>
						</div>
						<div class="radio">
							<label>
								<input type="radio" name="radio_type_soa_edit_api" id="radio_increment_week" value="INCREMENT-WEEK" disabled> INCREMENT-WEEK
							</label>
						</div>
						<div class="radio">
							<label>
								<input type="radio" name="radio_type_soa_edit_api" id="radio_increment_weeks" value="INCREMENT-WEEKS" disabled> INCREMENT-WEEKS
							</label>
						</div>
						<div class="radio">
							<label>
								<input type="radio" name="radio_type_soa_edit_api" id="radio_epoch" value="EPOCH" disabled> EPOCH
							</label>
						</div>
						<div class="radio">
							<label>
								<input type="radio" name="radio_type_soa_edit_api" id="radio_inception_epoch" value="INCEPTION-EPOCH" disabled> INCEPTION-EPOCH
							</label>
						</div>
					</div>
				</div>
				<!-- /.box-body -->

				<div class="box-footer">
					<button type="submit" class="btn btn-primary">Submit</button>
					<button type="submit" class="btn btn-default" onclick="window.location.href='{{ url_for('dashboard') }}'">Cancel</button>
				</div>
			</form>
		</div>
		<!-- /.box -->
	</div>
	<div class="col-md-8">
		<div class="box box-primary">
			<div class="box-header with-border">
				<h3 class="box-title">Help with creating a new domain</h3>
			</div>
			<div class="box-body">
				<dl class="dl-horizontal">
					<dt>Domain name</dt>
					<dd>Enter your domain name in the format of name.tld (eg. powerdns-admin.com). You can also enter sub-domains to create a sub-root zone (eg. sub.powerdns-admin.com) in case you want to delegate sub-domain management to specific users.</dd>
					<dt>Type</dt>
					<dd>The type decides how the domain will be replicated across multiple DNS servers.
						<ul>
							<li>
								Native - PowerDNS will not perform any replication. Use this if you only have one PowerDNS server or you handle replication via your backend (MySQL).
							</li>
							<li>
								Master - This PowerDNS server will serve as the master and will send zone transfers (AXFRs) to other servers configured as slaves.
							</li>
							<li>
								Slave - This PowerDNS server will serve as the slave and will request and receive zone transfers (AXFRs) from other servers configured as masters.
							</li>
						</ul>
					</dd>
					<dt>SOA-EDIT-API</dt>
					<dd>The SOA-EDIT-API setting defines when and how the SOA serial number will be updated after a change is made to the domain.
						<ul>
							<li>
								(OFF) - Not set
							</li>
							<li>
								INCEPTION-INCREMENT - 
							</li>
							<li>
								INCEPTION - 
							</li>
							<li>
								INCREMENT-WEEK - 
							</li>
							<li>
								INCREMENT-WEEKS - 
							</li>
							<li>
								EPOCH - 
							</li>
							<li>
								INCEPTION-EPOCH - 
							</li>
						</ul>
					</dd>
				</dl>
			</div>
		</div>
	</div>
</div>
{% endblock %}

{% block scripts %}
{{ super() }}
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="{{ url_for('static', filename='global/scripts/metronic.js') }}" type="text/javascript"></script>
<script src="{{ url_for('static', filename='admin/layout2/scripts/layout.js') }}" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
jQuery(document).ready(function() {    
   Metronic.init(); // init metronic core componets
   Layout.init(); // init layout
});
</script>

<script type="text/javascript">
function zoneTypeSelection() {
    if (document.getElementById('radio_type_slave').checked) {
        document.getElementById('form_master_ip').style.display = 'block';
    }
    else document.getElementById('form_master_ip').style.display = 'none';
}
</script>
<!-- END JAVASCRIPTS -->
{% endblock %}