<form method="post" action="{{ U_QR_ACTION }}" id="qr_postform" class="iz-form">
	{% EVENT quickreply_editor_panel_before %}

	<section class="iz-card iz-card--quickreply">
		<div class="iz-card__body">
			{% EVENT quickreply_editor_subject_before %}

			<div class="iz-field">
				<label class="iz-label iz-visually-hidden" for="subject">{{ L_SUBJECT }}{{ L_COLON }}</label>
				<input class="iz-input" type="text" name="subject" id="subject" value="{{ SUBJECT }}" />
			</div>

			<label class="iz-label iz-visually-hidden" for="message">{{ L_MESSAGE }}{{ L_COLON }}</label>

			{% EVENT quickreply_editor_message_before %}
			<div class="iz-field">
				<textarea
					class="iz-textarea ccount"
					name="message"
					id="message"
					rows="3"
					placeholder="{{ L_MESSAGE_ENTER_PLACEHOLDER }}"
				></textarea>
			</div>
			{% EVENT quickreply_editor_message_after %}
		</div>

		<div class="iz-card__footer">
			{{ S_FORM_TOKEN }}
			{{ QR_HIDDEN_FIELDS }}

			<div class="iz-actions">
				<button type="submit" class="iz-btn iz-btn--primary" tabindex="7" name="post" value="{{ L_SUBMIT }}" autocomplete="off">
					{{ L_SUBMIT }}
				</button>

				<button type="submit" class="iz-btn iz-btn--ghost" tabindex="6" name="preview" value="{{ L_FULL_EDITOR }}" id="qr_full_editor" autocomplete="off">
					{{ L_FULL_EDITOR }}
				</button>
			</div>
		</div>
	</section>

	{% EVENT quickreply_editor_panel_after %}
</form>
