{% 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.dashboard') }}"><i class="fa fa-dashboard"></i>Home</a></li>
        <li><a href="{{ url_for('dashboard.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') }}">
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
                    <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.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 %}