{% extends "layout.html" %}

{% from "macros/general.html" import
        display_button_submit,
        with context
        %}

{% from "macros/msgHandlers.html" import policydMsgHandler with context %}

{% block title %}{{ _('Add whitelist') }}{% endblock %}
{% block navlinks_active_create %}class="active"{% endblock %}

{% block main %}

{# Show system message #}
{{ policydMsgHandler(msg, listname='whitelist') }}

<div class="content-box">
    <div class="box-body">
        <div class="box-header clear">
            <ul class="tabs clear">
                <li><a href="{{ctx.homepath}}/system/whitelist">{{ _('All whitelists') }}</a></li>
                <li><a href="{{ctx.homepath}}/system/blacklist">{{ _('All blacklists') }}</a></li>
                <li class="active"><a href="{{ctx.homepath}}/create/whitelist"><img src="{{ctx.homepath}}/static/{{skin}}/images/ico_add_12.png" /> {{ _('Add whitelist') }}</a></li>
                <li><a href="{{ctx.homepath}}/create/blacklist"><img src="{{ctx.homepath}}/static/{{skin}}/images/ico_add_12.png" /> {{ _('Add blacklist') }}</a></li>
            </ul>
            <h2>{{ _('Add whitelist') }}</h2>
        </div>

        <div class="box-wrap clear">
            <div class="columns clear">
                <div class="col2-3">
                    <form method="post" action="{{ctx.homepath}}/create/whitelist">

                        {# To simplify, just use a single TEXTAREA for user to submit white-/blacklist records.#}
                        <div class="form-field clear">
                            <h4 class="size-250 fl-space">{{ _('Whitelist records') }}</h4>
                            <small>{{ _('One record one line.') }}</small>
                            <textarea name="record" rows="6" style="width: 50%;"></textarea>
                        </div>

                        {{ display_button_submit(label=_('Add')) }}
                    </form>
                </div>{# .col2-3 #}

                <div class="col1-3 lastcol">
                    <div class="mark_blue bt-space10">
                        <h4>{{ _('Record format') }}</h4>
                        <ul class="standard clean-padding bt-space10">
                            <li><strong>{{ _('IP address') }}</strong>
                                <ul>
                                    <li>{{ _('Single IP Address') }}: <u>192.168.10.12</u></li>
                                    <li>{{ _('Subnet') }}: <u>192.168.10.%</u></li>
                                </ul>
                            </li>
                            <li><strong>{{ _('Sender email address') }}</strong>
                                <ul>
                                    <li>{{ _('Single User') }}: <u>user@example.com</u></li>
                                    <li>{{ _('Entire Domain') }}: <u>@example.com</u></li>
                                </ul>
                            </li>
                            <li><strong>{{ _('DNS Name') }}</strong>
                                <ul>
                                    <li>{{ _('Single domain') }}: <u>example.com</u></li>
                                    <li>{{ _('All sub-domains') }}: <u>%.example.com</u></li>
                                </ul>
                            </li>
                        </ul>
                        <div class="notification note-attention">
                            <p><strong>{{ _('Note') }}:</strong> {{ _('The forward and reverse DNS name must match otherwise it will not work.') }}</p>
                        </div>
                    </div>
                </div>{# .col1-3 #}
            </div>{# .columns #}
        </div>{# .box-wrap #}
    </div>{# .box-body #}
</div>{# .content-box #}
{% endblock main %}