{% load i18n %}

<div class="alert alert-info">
    {% blocktrans with url=webhook_url trimmed %} A webhook must be configured
    in your PostFinance Checkout space to the following endpoint for automatic
    payment status updates:
    <code>{{ url }}</code>
    {% endblocktrans %}
    <br /><br />
    {% blocktrans trimmed %} You can set this up automatically using the buttons
    next to your authentication keys above, or configure it manually in your
    PostFinance Checkout dashboard.
    {% endblocktrans %}
</div>

<div
    class="postfinance-action-group form-group"
    data-move-after="id_payment_postfinance_auth_key"
>
    <div class="col-md-9 col-md-offset-3">
        <button
            type="button"
            class="btn btn-default postfinance-test-connection"
            data-test-url="{{ test_url }}"
            data-mode="live"
        >
            {% trans "Test connection" %}
        </button>
        <button
            type="button"
            class="btn btn-default postfinance-setup-webhooks"
            data-setup-url="{{ setup_webhooks_url }}"
            data-mode="live"
        >
            {% trans "Setup webhooks" %}
        </button>
        <span class="postfinance-action-result"></span>
    </div>
</div>

<div class="alert alert-warning">
    {% blocktrans trimmed %} With "Offer the production space in test mode"
    switched on, checkout offers your production space as a second
    payment option while the event is in test mode, so you can verify it
    end-to-end before going live. Payments made through it are real charges:
    refund or void them in your PostFinance dashboard before you disable test
    mode, because deleting the test mode orders does not undo the charge.
    Leave it off unless you are running that verification.
    {% endblocktrans %}
</div>

<div
    class="postfinance-action-group form-group"
    data-move-after="id_payment_postfinance_test_auth_key"
>
    <div class="col-md-9 col-md-offset-3">
        <button
            type="button"
            class="btn btn-default postfinance-test-connection"
            data-test-url="{{ test_url }}"
            data-mode="test"
        >
            {% trans "Test connection" %}
        </button>
        <button
            type="button"
            class="btn btn-default postfinance-setup-webhooks"
            data-setup-url="{{ setup_webhooks_url }}"
            data-mode="test"
        >
            {% trans "Setup webhooks" %}
        </button>
        <span class="postfinance-action-result"></span>
    </div>
</div>