{# Поле-пікер людей чіпами+деревом відділів. Контекст: label, field_name, options (pk+label+position+photo), selected_ids, placeholder #}
<div>
    <label style="display:block; font-size:0.8125rem; font-weight:500; color:var(--color-foreground); margin-bottom:0.375rem;">{{ label }}</label>
    <div class="people-picker" data-placeholder="{{ placeholder|default:'+ Додати...' }}" data-tree-source="department-tree-data">
        <select name="{{ field_name }}" multiple hidden>
            {% for opt in options %}
            <option value="{{ opt.pk }}" data-label="{{ opt.label }}" data-position="{{ opt.position }}" data-photo="{{ opt.photo }}" {% if opt.pk in selected_ids %}selected{% endif %}>{{ opt.label }}</option>
            {% endfor %}
        </select>
    </div>
</div>