{#
  Striscia "impersonazione attiva" — stato di sistema (non CTA), UNICO indicatore in-contenuto quando
  si opera come un altro utente. L'identità operatore è nell'avatar della navbar; qui la conferma di
  contesto + l'uscita. Veste: bg-primary-subtle + bordo pieno accento, sticky sotto la navbar (.ar-imp-strip).
  L'uscita nomina l'operatore reale (come nel dropdown della navbar), non un generico "Esci".
  Variabili da ImpersonationAdvice: `impersonating`, `impersonatingName`, `operatoreReale`.
#}
{% if impersonating is not empty %}
<div class="ar-imp-strip d-flex align-items-center gap-2 px-3 py-2 mb-3 bg-primary-subtle border border-2 border-primary rounded-3 shadow-sm">
    <i class="fa fa-user-secret text-primary-emphasis flex-shrink-0" aria-hidden="true"></i>
    <span class="ar-min0 flex-grow-1 text-truncate small">
        {{ pgMessage('areariservata.operativoCome') }} <strong>{{ impersonatingName }}</strong>
    </span>
    {% if operatoreReale is not null %}
    <span class="d-none d-md-inline-flex align-items-center gap-1 small text-secondary text-truncate">
        <i class="fa fa-user-o" aria-hidden="true"></i>{{ operatoreReale.username }}
    </span>
    {% endif %}
    <form action="{{ href('/area-riservata/impersona/esci') }}" method="post" class="m-0 flex-shrink-0">
        <input type="hidden" name="{{ request.getAttribute('_csrf').parameterName }}"
            value="{{ request.getAttribute('_csrf').token }}">
        <button type="submit" class="btn btn-sm btn-dark d-inline-flex align-items-center gap-2">
            <i class="fa fa-reply" aria-hidden="true"></i>{% if operatoreReale is not null %}{{ operatoreReale.nome | capitalize }} {{ operatoreReale.cognome | capitalize }}{% else %}{{ pgMessage('areariservata.impersona.esci') }}{% endif %}
        </button>
    </form>
</div>
{% endif %}