{% load i18n %}
{% comment %}
    Connect is a button, not a nested form: it posts the surrounding settings form to its
    own formaction, which is how it keeps everything typed but not yet saved. Disconnect
    is a link to a confirmation page instead — it stops issuance.
{% endcomment %}
<div class="form-group">
    <label class="col-md-3 control-label">{% trans "Moloni connection" %}</label>
    <div class="col-md-9">
        {% if provider.connection_state == "connected" %}
            <p class="form-control-static text-success">
                <span class="fa fa-check" aria-hidden="true"></span> {% trans "Connected" %}
            </p>
        {% elif provider.connection_state == "expired" %}
            <div class="alert alert-danger">
                {% blocktrans trimmed %}
                    The connection to Moloni has expired. Invoices can't be issued until you
                    connect again.
                {% endblocktrans %}
            </div>
        {% else %}
            <p class="form-control-static">{% trans "Not connected" %}</p>
        {% endif %}
        <button type="submit" class="btn btn-default" formnovalidate
                formaction="{% url "plugins:pretix_ptinvoicing:moloni_connect" organizer=request.organizer.slug event=request.event.slug %}">
            {% if provider.connection_state %}{% trans "Reconnect to Moloni" %}{% else %}{% trans "Connect to Moloni" %}{% endif %}
        </button>
        {% if provider.connection_state %}
            <a class="btn btn-danger"
               href="{% url "plugins:pretix_ptinvoicing:moloni_disconnect" organizer=request.organizer.slug event=request.event.slug %}">
                {% trans "Disconnect" %}
            </a>
        {% endif %}
        <span class="help-block">
            {% comment %}
                The address on its own line so the copy button sits right beside it (wired up
                by settings.js: the CSP blocks inline handlers).
            {% endcomment %}
            <code>{{ provider.redirect_uri }}</code>
            <button type="button" class="btn btn-default btn-xs ptinvoicing-copy"
                    data-copy="{{ provider.redirect_uri }}" data-copied="{% trans "Copied" %}">
                <span class="fa fa-clipboard" aria-hidden="true"></span>
                <span class="ptinvoicing-copy-label">{% trans "Copy" %}</span>
            </button>
            <br>
            {% blocktrans trimmed %}
                Register this address as the redirect URI of your Moloni developer app. Once
                connected, no username or password is needed. Whatever you have typed on this
                page is saved when you connect.
            {% endblocktrans %}
        </span>
    </div>
</div>