{% extends "_page.twig" %}

{% block title %}Add record{% endblock %}
{% block content %}
    <div class="container">
        <div class="adder">
            {% if result|length > 0 %}
                {% if result.error|length > 0 %}
                    <div class="adder__err">
                        <h3 class="adder__title title">Error</h3>
                        <b style="color: red;">{{ result.error }}</b>
                    </div>
                {% else %}
                    <div class="adder__succ">
                        <div class="adder__succ-body">
                            {% if result.command == 'addname' %}
                                <h3 class="adder__title title">Domain alias successfuly added</h3>
                            {% elseif result.command == 'addsubdomain' %}
                                <h3 class="adder__title title">Subdomain successfuly added</h3>
                            {% elseif result.command == 'changedest' %}
                                <h3 class="adder__title title">Domain destination successfuly changed</h3>
                            {% else %}
                                <h3 class="adder__title title">Domain successfuly added</h3>
                            {% endif %}
                            <div class="adder__line line  adder__line_reshost">
                                <span>
                                    Domain:
                                </span>
                                <span>
                                    {{ result.host }}
                                </span>
                            </div>
                            <div class="adder__line line adder__line_adrhelper">
                                <span>
                                    Addresshelper: 
                                </span>
                                <a href="http://{{ result.host }}/?i2paddresshelper={{ result.base64 }}" rel="external nofollow noopener noreferrer" target="_blank">Go to site</a>
                            </div>
                            <div class="adder__line line adder__line_base32">
                                <span>
                                    Base32: 
                                </span>
                                <span class="crazy-base64-span"> 
                                    {{ result.base32 }}.b32.i2p
                                </span>
                            </div>
                            <div class="adder__line line adder__line_base64">
                                <span>
                                    Base64:
                                </span>
                                <span class="crazy-base64-span">
                                    {{ result.base64 }}
                                </span>
                            </div>
                        </div>
                    </div>
                {% endif %}
            {% endif %}
            <div class="adder__adder-itself">
                <p class="adder__title title important">
                    Domain adding
                </p>
                <form action="/add" method="post" class="adder__form">
                    <div class="form__field">
                        <label for="record">
                            <span>
                                Auth string:
                            </span> 
                        </label>
                        <input class="text-input adder__text-input" type="text" id="record" name="record" placeholder="domain.i2p=base64#!sig=hash"{% if record|length > 0 %} value="{{ record }}"{% endif %} required>
                    </div>
                    <div class="form__field">
                        <label for="desc">Description:</label>
                        <input class="text-input adder__text-input" type="text" id="desc" name="desc" placeholder="A bit information about service on domain"{% if desc|length > 0 %} value="{{ desc }}"{% endif %}>
                    </div>
                    <input class="adder__submit adder__btn btn" type="submit" value="Submit">
                </form>
            </div>
        </div>
    </div>
{% endblock %}