<!-- Request information -->
{% if request_info %}
    <div class="section">
        <h2>{{ debug_request_info }}</h2>
        <div class="info-grid">
            <div class="info-card">
                <div class="label">{{ debug_http_method }}</div>
                <div class="value">{{ request_info.method }}</div>
            </div>
            <div class="info-card">
                <div class="label">{{ debug_path }}</div>
                <div class="value">{{ request_info.path }}</div>
            </div>
            {% if request_info.query %}
            <div class="info-card info-card-query">
                <div class="label">{{ debug_query_params }}</div>
                <div class="value">{{ request_info.query }}</div>
            </div>
            {% endif %}
        </div>

        {% if request_info.headers %}
            <h3>{{ debug_http_headers }}</h3>
            <table class="headers-table">
                <thead>
                    <tr>
                        <th>{{ debug_header_name }}</th>
                        <th>{{ debug_header_value }}</th>
                    </tr>
                </thead>
                <tbody>
                    {% for key, value in request_info.headers %}
                        <tr>
                            <td><code>{{ key }}</code></td>
                            <td>{{ value }}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        {% endif %}
    </div>
{% endif %}