{# partials/body_accordion.html — Collapsible API CONFIG / TEST DATA accordion
   Context variables:
     api_config            (str)  — JSON string of API configuration
     original_test_data    (str)  — JSON string of test data
     test_type             (str)  — 'api' | 'ui' | 'data' | 'mixed'

   Filters:
     format_data       — renders JSON/XML string as syntax-highlighted block
     format_json_viewer — renders interactive JSON viewer HTML
     from_json_safe    — safely parses a JSON string to dict
#}

{% if test_type == "ui" %}
{# empty: no accordion for UI tests #}
{% else %}

{# ---- Compute badge counts ---- #}
{% set api_config_dict = api_config | default('{}', true) %}
{% set test_data_dict  = original_test_data | default('{}', true) %}

{% if api_config_dict is string %}
  {% set api_config_dict = api_config_dict | from_json_safe({}) %}
{% endif %}
{% if test_data_dict is string %}
  {% set test_data_dict = test_data_dict | from_json_safe({}) %}
{% endif %}

{% set api_endpoints_count = (api_config_dict.get('api_endpoints', {}) | length) if api_config_dict is mapping else 0 %}
{% set test_cases_count    = (test_data_dict.get('TEST_CASES', []) | length) if test_data_dict is mapping else 0 %}

{% set show_api  = (test_type in ["api", "mixed"]) or (api_endpoints_count > 0) %}
{% set show_test = (test_type in ["api", "data", "mixed"]) or (test_cases_count > 0) %}

{% if show_api or show_test %}
<div class="sec-div" style="margin-bottom:1rem">
    <div class="sec-div-line"></div>
    <svg class="sec-div-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.066 2.573c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.573 1.066c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.066-2.573c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/><circle cx="12" cy="12" r="3"/>
    </svg>
    <span class="sec-div-label">Configuration</span>
    <div class="sec-div-line"></div>
</div>
<div class="tw-accordion" style="margin-bottom:1.5rem">
{% if show_api %}
    <div class="accordion-item">
        <button class="acc-trigger" onclick="toggleAcc(this)">
            <span>
                API Config
                {% if api_endpoints_count > 0 %}
                <span class="acc-badge">{{ api_endpoints_count }} endpoint{% if api_endpoints_count != 1 %}s{% endif %}</span>
                {% endif %}
            </span>
            <svg class="acc-chev" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" style="width:16px;height:16px;flex-shrink:0">
                <path d="M19 9l-7 7-7-7"/>
            </svg>
        </button>
        <div class="acc-content">
            <div class="acc-inner">
                {{ api_config | format_data }}
            </div>
        </div>
    </div>
{% endif %}
{% if show_test %}
    <div class="accordion-item" style="margin-top:0.5rem">
        <button class="acc-trigger" onclick="toggleAcc(this)">
            <span>
                Test Data
                {% if test_cases_count > 0 %}
                <span class="acc-badge">{{ test_cases_count }} case{% if test_cases_count != 1 %}s{% endif %}</span>
                {% endif %}
            </span>
            <svg class="acc-chev" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" style="width:16px;height:16px;flex-shrink:0">
                <path d="M19 9l-7 7-7-7"/>
            </svg>
        </button>
        <div class="acc-content">
            <div class="acc-inner">
                {{ original_test_data | format_data }}
            </div>
        </div>
    </div>
{% endif %}
</div>
{% endif %}

{% endif %}