{# Badge compact "Mediu RAR" din header, langa chip-ul RAR.
   0 medii: wrapper gol (id-ul ramane in DOM pentru viitoare OOB swap).
   1 mediu: eticheta statica. 2 medii: buton de comutare HTMX (ciclic).
   Clasele .env-badge-prod/.env-badge-test sunt cele din listele de trimiteri (consecventa). #}
{% set _medii = medii_disponibile | default([]) %}
<div id="header-env-badge"{% if oob %} hx-swap-oob="outerHTML"{% endif %}>
  {% if _medii | length >= 1 %}
  {% set _env = env_default | default('prod') %}
  {% set _eb = eticheta_env(_env) %}
  {% set _scurt = 'PROD' if _env == 'prod' else 'TEST' %}
  {% if _medii | length >= 2 %}
  <button type="button" class="{{ _eb[1] }}"
          style="cursor:pointer;"
          hx-post="/_fragments/status/toggle-env"
          hx-target="#header-env-badge"
          hx-swap="outerHTML"
          hx-vals='{"csrf_token": {{ csrf_token | tojson }}}'
          title="Comuta la {{ 'Testare' if _env == 'prod' else 'PRODUCȚIE' }}">
    <span class="env-tx-full">{{ _eb[0] }}</span>
    <span class="env-tx-short">{{ _scurt }}</span>
  </button>
  {% else %}
  <span class="{{ _eb[1] }}">
    <span class="env-tx-full">{{ _eb[0] }}</span>
    <span class="env-tx-short">{{ _scurt }}</span>
  </span>
  {% endif %}
  {% endif %}
</div>