{% extends "_page.twig" %}

{% block title %}Jump to site{% endblock %}
{% block content %}
    <div class="container">
        <div class="jumper">
            {% if result|length > 0 %}
                {% if result.error|length > 0 %}
                    <div class="jumper__err">
                            <h3 class="jumper__title title">Error</h3>
                            <b style="color: red;">{{ result.error }}</b>
                    </div>
                {% else %}
                    <div class="jumper__succ">
                        <h3 class="jumper__title title">Query result for "{{ result.host }}"</h3>
                        <div class="jumper__line line">
                            <span>
                                Addresshelper: 
                            </span>
                            <a href="http://{{ result.host }}/?i2paddresshelper={{ result.base64 }}">Go to site</a>
                        </div>
                        
                        <div class="jumper__line line">
                            <span>
                                Base32: 
                            </span>
                            <span class="crazy-base64-span">
                                {{ result.base32 }}.b32.i2p
                            </span>
                        </div>
                        <div class="jumper__line line">
                            <span>
                                Base64:
                            </span>
                            <span class="crazy-base64-span">
                                {{ result.base64 }}
                            </span>
                        </div>
                    </div>
                {% endif %}
            {% endif %}
            <div class="jumper__itself">
                <p class="important jumper__title title">
                    Query domain
                </p>
                <form action="/jump" method="post" class="jumper__form">
                    <div class="form__field">
                        <label for="q">Domain:</label>
                        <input class="text-input jumper__text-input" type="text" id="q" name="q" maxlength="67" placeholder="domain.i2p" required>
                    </div>
                    <input type="submit" value="Submit" class="btn jumper__btn">
                </form>
            </div>
        </div>
    </div>
{% endblock %}