<div class="recipient-field field has-addons mb-2">
    <div class="control">
        <div class="select">
            {% set selected = selected|default('to') %}
            <select>
                <option value="to" {% if selected == 'to' %}selected{% endif %}>
                    {% trans %}To{% endtrans %}
                </option>
                <option value="cc" {% if selected == 'cc' %}selected{% endif %}>
                    {% trans %}Cc{% endtrans %}
                </option>
                <option value="bcc" {% if selected == 'bcc' %}selected{% endif %}>
                    {% trans %}Bcc{% endtrans %}
                </option>
            </select>
        </div>
    </div>
    <div class="control is-expanded">
        <input class="input" type="text" placeholder="{{ _('Recipient JID') }}">
    </div>
    <div class="control">
        <button class="button delete-action" title="{% trans %}Remove{% endtrans %}">
            <span class="delete"></span>
        </button>
    </div>
</div>