{% load i18n %}
{% trans 'Choose Link' as  choose_str %}
{% include 'wagtailadmin/shared/header.html' with title=choose_str tabbed=1 merged=1 %}

{% if form %}
    <ul class="tab-nav merged">
        <li class="{% if not form.errors %}active {% endif %}"><a href="#search">{% trans "Search" %}</a></li>
        <li class="{% if form.errors %}active {% endif %}"><a href="#create">{% trans "Create" %}</a></li>
    </ul>
{% endif %}

<div class="tab-content">
    <section id="search" class="{% if not form.errors %}active {% endif %}nice-padding">
        <form class="link-search search-bar" action="{{ request.path }}" method="GET">
            <ul class="fields">
                {% for field in search_form %}
                    {% include 'wagtailadmin/shared/field_as_li.html' with field=field %}
                {% endfor %}
                <li class="submit"><input type="submit" value="{% trans 'Search' %}" /></li>
            </ul>
        </form>
        <div id="search-results" class="listing">
            {% include 'wagtaillinks/chooser/results.html' %}
        </div>
    </section>
    {% if form %}
        <section id="create" class="{% if form.errors %}active {% endif %}nice-padding">
            <form class="link-create" action="{{ request.path }}" method="POST" enctype="multipart/form-data">
                {% csrf_token %}
                {% for field in form.hidden_fields %}
                    <input type="hidden" name="{{ field.html_name }}" value="{{ field.value }}" />
                {% endfor %}
                <ul class="fields">
                    {% for field in form.visible_fields %}
                        {% include "wagtailadmin/shared/field_as_li.html" with field=field %}
                    {% endfor %}
                    <li><input type="submit" value="{% trans 'Save' %}" /></li>
                </ul>
            </form>
        </section>
    {% endif %}
</div>