<xf:title>{{ phrase('alert_users') }}</xf:title>
<xf:description>{{ phrase('alert_users_description') }}</xf:description>

<xf:if is="$sent">
	<div class="blockMessage blockMessage--success blockMessage--iconic">
		{{ phrase('your_alert_was_sent_to_x_users', {'sent': $sent|number}) }}
	</div>
</xf:if>

<xf:form action="{{ link('users/alert/confirm') }}" class="block">
	<div class="block-container">
		<div class="block-body">
			<xf:textboxrow name="from_user" value="{$xf.visitor.username}" ac="single"
				label="{{ phrase('from_user') }}"
				explain="{{ phrase('from_user_explain') }}" />

			<hr class="formRowSep" />

			<xf:textboxrow name="link_url" type="url"
				label="{{ phrase('link_url') }}"
				dir="ltr" />

			<xf:textboxrow name="link_title"
				label="{{ phrase('link_title') }}"
				explain="{{ phrase('link_title_explain') }}" />

			<xf:codeeditorrow name="alert_body"
				mode="html" data-line-wrapping="true"
				class="codeEditor--autoSize codeEditor--proportional"
				label="{{ phrase('alert_body') }}"
				hint="{{ phrase('you_may_use_html') }}"
				explain="{{ phrase('following_placeholders_will_be_replaced_in_message') }} {{ phrase('you_may_also_use_phrase_title_which_will_be_replaced') }}" />
		</div>

		<h2 class="block-formSectionHeader"><span class="block-formSectionHeader-aligner">{{ phrase('user_criteria') }}</span></h2>
		<div class="block-body">
			<xf:include template="helper_user_search_criteria" />
		</div>

		<xf:submitrow submit="{{ phrase('proceed...') }}" sticky="true" />
	</div>
</xf:form>