{% 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 %}