<template name="directMessagesFlex">
	<header>
		<div>
			<h4>{{_ "Direct_Messages"}}</h4>
		</div>
	</header>
	<div class="content">
		<div class="wrapper">
			<h4>{{_ "Create_new"}}</h4>
			<div class="input-line no-icon">
				<label for="who">{{_ "Select_user" }}</label>
				{{> inputAutocomplete settings=autocompleteSettings id="who" class="required search" autocomplete="off" placeholder=(_ "Search_by_username")}}
			</div>
			{{#if error}}
				<div class="input-error">
					<strong>{{_ "Oops!"}}</strong>
					{{#each error}}
						<p>{{_ "The_field_is_required" error}}</p>
					{{/each}}
				</div>
			{{/if}}
			<div class="input-submit">
				<button class="button primary save-direct-message">{{_ "Create" }}</button>
				<button class="button cancel-direct-message">{{_ "Cancel" }}</button>
			</div>
		</div>
	</div>
</template>
