{% if request.GET.slot == 'summary' %}
    {% include 'lens/components/client_request_summary.html' %}
{% elif request.GET.slot == 'detail' %}
    {% include 'lens/components/client_request_detail.html' %}
{% elif trace.client_request_traces.exists %}
    <div class="hidden md:flex flex-row font-semibold py-3 px-6 bg-gray-100 text-sm">
        <div class="w-1/12">Method</div>
        <div class="w-6/12">URL</div>
        <div class="w-1/12">Status</div>
        <div class="w-2/12">Duration</div>
        <div class="w-2/12">Time</div>
    </div>
    <div class="divide-y divide-gray-200 text-sm">
        {% for trace in trace.client_request_traces %}
            {% include 'lens/components/client_request_summary.html' %}
        {% endfor %}
    </div>
{% else %}
    {% include 'lens/components/empty_trace.html' with title="No traces found" subtitle="External HTTP requests are displayed here." only %}
{% endif %}