{% extends "base.html" %}
{% set active_page = "new_domain" %}
{% block title %}<title>Add Domain - {{ SITE_NAME }}</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 %}
<section class="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" method="post" action="{{ url_for('domain_add') }}">
                <div class="box-body">
                    <div class="form-group">
                        <input type="text" class="form-control" name="domain_name" id="domain_name" placeholder="Enter a valid domain name (required)">
                    </div>
                    <select name="accountid" class="form-control" style="width:15em;">
                        <option value="0">- No Account -</option>
                        {% for account in accounts %}
                        <option value="{{ account.id }}">{{ account.name }}</option>
                        {% endfor %}
                    </select><br/>
                    <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">Slave
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Select a template</label>
                        <select class="form-control" id="domain_template" name="domain_template">
                            <option value="0">No template</option>
                            {% for template in templates %}
                            <option value="{{ template.id }}">{{ template.name }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="form-group" style="display: none;" id="domain_master_address_div">
                        <input type="text" class="form-control" name="domain_master_address" id="domain_master_address" placeholder="Enter valid master ip addresses (separated by commas)">
                    </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_default" value="DEFAULT" checked> DEFAULT
                            </label>
                        </div>
                        <div class="radio">
                            <label>
                                <input type="radio" name="radio_type_soa_edit_api" id="radio_increase" value="INCREASE"> INCREASE
                            </label>
                        </div>
                        <div class="radio">
                            <label>
                                <input type="radio" name="radio_type_soa_edit_api" id="radio_epoch" value="EPOCH"> EPOCH
                            </label>
                        </div>
                        <div class="radio">
                            <label>
                                <input type="radio" name="radio_type_soa_edit_api" id="radio_off" value="OFF"> OFF
                            </label>
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->

                <div class="box-footer">
                    <button type="submit" class="btn btn-flat btn-primary">Submit</button>
                    <button type="button" class="btn btn-flat 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 how the SOA serial number will be updated after a change is made to the domain.
                        <ul>
	                    <li>
                                DEFAULT - Generate a soa serial of YYYYMMDD01. If the current serial is lower than the generated serial, use the generated serial. If the current serial is higher or equal to the generated serial, increase the current serial by 1.
                            </li>
                            <li>
                                INCREASE - Increase the current serial by 1.
                            </li>
                            <li>
                                EPOCH - Change the serial to the number of seconds since the EPOCH, aka unixtime.
                            </li>
                            <li>
                                OFF - Disable automatic updates of the SOA serial.
                            </li>
                        </ul>
                    </dd>
                </dl>
                <p>Find more details at <a href="https://docs.powerdns.com/md/">https://docs.powerdns.com/md/</a></p>
            </div>
        </div>
    </div>
</div>
</section>
{% endblock %}
{% block extrascripts %}
<script>
    $("input[name=radio_type]").change(function() {
        var type = $(this).val();
        if (type == "slave") {
            $("#domain_master_address_div").show();
        } else {
            $("#domain_master_address_div").hide();
        }
    });
</script>
{% endblock %}