<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">

    <t t-name="web.MultiRecordSelector" >
        <div class="o_input d-flex flex-wrap gap-1 o_multi_record_selector" t-ref="multiRecordSelector">
            <TagsList tags="tags"/>
            <RecordAutocomplete
                resModel="props.resModel"
                value="''"
                domain="props.domain"
                context="props.context"
                className="'o_record_autocomplete_with_caret flex-grow-1'"
                fieldString="props.fieldString"
                placeholder="placeholder"
                multiSelect="true"
                getIds.bind="getIds"
                update.bind="update"
            >
                <t t-set-slot="autoCompleteItem" t-slot-scope="autoCompleteItemScope">
                    <span t-if="isAvatarModel" class="o_avatar_many2x_autocomplete o_avatar d-flex align-items-center">
                        <img class="rounded me-1" t-attf-src="/web/image/{{props.resModel}}/{{autoCompleteItemScope.data.record.id}}/avatar_128"/>
                        <t t-esc="autoCompleteItemScope.label"/>
                    </span>
                    <t t-else="" t-esc="autoCompleteItemScope.label"/>
                </t>
            </RecordAutocomplete>
        </div>
    </t>

</templates>
