<div class="modal-header">
    <h3 translate>common.directive.coreCalendar.chooseEventAttendeesDialog.title</h3>
</div>

<div>
    <search-modal config="config" filter='"Object Type": USER' on-items-selected="onSelectAttendee"
            search-placeholder="{{'common.directive.coreCalendar.chooseEventAttendeesDialog.searchAttendees.placeholder' | translate}}">

    </search-modal>
</div>
<div class="row well-sm">
    <div class="col-sm-12">
        <label class="pull-left">
            <span translate>common.directive.coreCalendar.chooseEventAttendeesDialog.attendees.label</span>
        </label>
    </div>
    <div class="col-sm-12">
        <tags-input ng-model="attendees" display-property="email" allowed-tags-pattern="^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$"
                placeholder="{{'common.directive.coreCalendar.chooseEventAttendeesDialog.attendees.placeholder' | translate}}"
                on-tag-added="addAdditionalAttendees($tag)"></tags-input>
    </div>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-secondary" ng-click="cancel()" translate>
        common.directive.coreCalendar.chooseEventAttendeesDialog.cancel.button
    </button>
    <button type="button" class="btn btn-primary" ng-click="addAttendees()" translate>
        common.directive.coreCalendar.chooseEventAttendeesDialog.addAttendees.button
    </button>
</div>