{% extends "base.html" %}
{% set active_page = "admin_settings" %}
{% block title %}
<title>DNS Records Settings - {{ SITE_NAME }}</title>
{% endblock %} {% block dashboard_stat %}
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        Settings <small>PowerDNS-Admin settings</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="{{ url_for('dashboard') }}"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">Setting</a></li>
        <li class="active">Records</li>
    </ol>
</section>
{% endblock %}
{% block content %}
<section class="content">
<div class="row">
    <div class="col-md-5">
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">DNS record Settings</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
            <form role="form" method="post">
                <input type="hidden" name="create" value="{{ create }}">
                <div class="box-body">
                    <table class="table table-bordered">
                      <tr>
                        <th style="width: 10px">#</th>
                        <th style="width: 40px">Record</th>
                        <th>Forward Zone</th>
                        <th>Reverse Zone</th>
                      </tr>
                      {% for record in f_records %}
                      <tr>
                        <td>{{ loop.index }}</td>
                        <td>{{ record }}</td>
                        <td>
                            <input type="checkbox" id="fr_{{ record|lower }}" name="fr_{{ record|lower }}" class="checkbox" {% if f_records[record] %}checked{% endif %}>
                        </td>
                        <td>
                            <input type="checkbox" id="rr_{{ record|lower }}" name="rr_{{ record|lower }}" class="checkbox" {% if r_records[record] %}checked{% endif %}>
                        </td>
                      </tr>
                      {% endfor %}
                    </table>
                </div>
                <div class="box-footer">
                    <button type="submit" class="btn btn-flat btn-primary">Update</button>
                </div>
            </form>
        </div>
    </div>
    <div class="col-md-7">
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">Help</h3>
            </div>
            <div class="box-body">
                <p>TBD</p>
            </div>
        </div>
    </div>
</div>
</section>
{% endblock %}
{% block extrascripts %}
<script>
    $('.checkbox').iCheck({
        checkboxClass : 'icheckbox_square-blue',
        increaseArea : '20%'
    })
</script>
{% endblock %}