{% import 'webhooks/_activity/macros' as macros %}

<div class="meta">
    <div class="data">
        <div class="heading">{{ 'URL'|t('webhooks') }}</div>
        <div class="value code">{{ request.method|upper }} {{ request.url }}</div>
    </div>
    {% if request.dateRequested %}
        <div class="data">
            <div class="heading">{{ 'Date'|t('webhooks') }}</div>
            <div class="value">{{ date(request.dateRequested)|datetime }}</div>
        </div>
    {% endif %}
    <div class="data">
        <div class="heading">{{ 'Status'|t('webhooks') }}</div>
        <div class="value">{{ macros.status(request) }}</div>
    </div>
    {% if request.status == 'done' %}
        <div class="data">
            <div class="heading">{{ 'Time'|t('webhooks') }}</div>
            <div class="value">{{ macros.responseTime(request) }}</div>
        </div>
    {% endif %}
    {% if request.attempts %}
        <div class="data">
            <div class="heading">{{ 'Attempts'|t('webhooks') }}</div>
            <div class="value">
                <div class="flex">
                    <div>{{ request.attempts }}&nbsp;&nbsp;</div>
                    <div class="btn small redeliver-btn">{{ 'Redeliver'|t('webhooks') }}</div>
                    <div class="spinner hidden"></div>
                </div>
            </div>
        </div>
    {% endif %}
</div>

<div class="buttons">

</div>

<hr>

<h4>{{ 'Request'|t('webhooks') }}</h4>
<div class="pane code">
    {{ macros.headers(request.requestHeaders) }}
    <br>
    <pre>{{ request.requestBody }}</pre>
</div>

<h4>{{ 'Response'|t('webhooks') }}</h4>
<div class="pane code">
    {{ macros.headers(request.responseHeaders) }}
    <br>
    <pre>{{ request.responseBody }}</pre>
</div>