{% if S_JUSTIFY %}
<div>
	<div class="mb-1 flex items-center justify-between gap-1">
		<label for="justify" class="block text-sm font-medium">{{ lang('JUSTIFICATION') ~ lang('COLON') }} *</label>
		<button type="button" class="zn-collapse-toggle ripple rounded-full p-2 text-secondary hover:text-color hover:bg-primary/[0.08] dark:hover:text-color-dark dark:hover:bg-primary-dark/10" data-zn-collapse="#zn-justification-collapse">
			<i class="iconify" data-mode="style" data-icon="ri:question-line" data-width="16" data-height="16" aria-hidden="true"<!-- IF S_CONTENT_DIRECTION eq 'rtl' --> data-flip="horizontal"<!-- ENDIF -->></i>
		</button>
	</div>
	<div id="zn-justification-collapse" class="zn-collapse hidden w-full overflow-hidden" aria-labelledby="zn-justification-collapse">
		<p class="text-sm text-secondary pb-2">{{ lang('JUSTIFICATION_EXPLAIN') }}</p>
	</div>
	<textarea name="justify" id="justify" class="inputbox" maxlength="255">{{ JUSTIFICATION }}</textarea>
	<div class="block text-sm text-secondary mt-2">{{ lang('JUSTIFY_YOU_HAVE') }} <span id="countdown">255</span> {{ lang('JUSTIFY_CHARS_REMAINING') }}</div>
</div>
{% endif %}