{% extends 'admin/@layout.html.twig' %}

{% set pageName = 'page_name_http_request_logs_show'|trans({}, 'admin') %}

{% block body_class %}http-request-show{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-6 offset-3">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-12 mt-2 mb-2">
                            <strong>ID:</strong> {{ log.id }}
                        </div>
                        <div class="col-12 mt-2 mb-2">
                            <strong>{{ 'dt.columns.createdAt'|trans({}, 'admin') }}:</strong> {{ log.createdAt|formatDatetime }}
                        </div>
                        <div class="col-12 mt-2 mb-2">
                            <strong>{{ 'dt.columns.method'|trans({}, 'admin') }}:</strong> {{ log.method }}
                        </div>
                        <div class="col-12 mt-2 mb-2">
                            <strong>{{ 'dt.columns.statusCode'|trans({}, 'admin') }}:</strong> {{ log.statusCode }}
                        </div>
                        <div class="col-12 mt-2 mb-2">
                            <strong>{{ 'dt.columns.url'|trans({}, 'admin') }}:</strong> {{ log.url }}
                        </div>
                        <div class="col-12 mt-2 mb-2">
                            <strong>{{ 'dt.columns.requestHeaders'|trans({}, 'admin') }}:</strong>

                            <table class="table">
                                {% for key, value in log.requestHeaders %}
                                    <tr>
                                        <td>
                                            <pre>{{ key }}</pre>
                                        </td>
                                        <td>
                                            <pre class="header-value">{{ value }}</pre>
                                        </td>
                                    </tr>
                                {% else %}
                                    <twig:alert type="info" message="alert_not_headers_found"
                                                translationDomain="admin"/>
                                {% endfor %}
                            </table>
                        </div>
                        <div class="col-12 mt-2 mb-2">
                            <strong>{{ 'dt.columns.requestBody'|trans({}, 'admin') }}:</strong>
                            {% if log.requestBody %}|
                                <pre class="body-content">{{ log.requestBody|json_decode|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre>
                            {% else %}
                                <twig:alert type="info" message="alert_request_body_is_empty"
                                            translationDomain="admin"/>
                            {% endif %}
                        </div>
                        <div class="col-12 mt-2 mb-2">
                            <strong>{{ 'dt.columns.responseHeaders'|trans({}, 'admin') }}:</strong>

                            <table class="table">
                                {% for key, value in log.requestHeaders %}
                                    <tr>
                                        <td>
                                            <pre>{{ key }}</pre>
                                        </td>
                                        <td>
                                            <pre class="header-value">{{ value }}</pre>
                                        </td>
                                    </tr>
                                {% else %}
                                    <twig:alert type="info" message="alert_not_headers_found"
                                                translationDomain="admin"/>
                                {% endfor %}
                            </table>
                        </div>
                        <div class="col-12 mt-2 mb-2">
                            <strong>{{ 'dt.columns.responseBody'|trans({}, 'admin') }}:</strong>
                            {% if log.responseBody %}
                                <pre class="body-content">{{ log.responseBody|json_decode|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre>
                            {% else %}
                                <twig:alert type="info" message="alert_response_body_is_empty"
                                            translationDomain="admin"/>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const object = document.getElementById('mail-content-preview');
            if (object) {
                object.onload = function () {
                    const objDoc = object.contentDocument || object.contentWindow.document;
                    object.style.height = (objDoc.body.scrollHeight + 20) + 'px';
                };
            }
        });
    </script>
{% endblock %}