{% include 'simple_header.html' %}

<script>
	var form_name = opener.form_name;
	var text_name = opener.text_name;
</script>
<script src="{{ T_THEME_PATH }}/vendors/editor.js"></script>

<section class="iz-card iz-card--smilies" role="region" aria-label="{{ L_SMILIES }}">
	<header class="iz-card__header">
		<h1 class="iz-card__title">{{ L_SMILIES }}</h1>
	</header>

	<div class="iz-card__body">
		<div class="iz-smilies" role="list" aria-label="{{ L_SMILIES }}">
			{% for smiley in smiley %}
				<a
					class="iz-smiley"
					role="listitem"
					href="#"
					onclick="initInsertions(); insert_text('{{ smiley.A_SMILEY_CODE }}', true, true); return false;"
				>
					<img
						src="{{ smiley.SMILEY_IMG }}"
						width="{{ smiley.SMILEY_WIDTH }}"
						height="{{ smiley.SMILEY_HEIGHT }}"
						alt="{{ smiley.SMILEY_CODE }}"
						title="{{ smiley.SMILEY_DESC }}"
					/>
				</a>
			{% endfor %}
		</div>

		<div class="iz-space iz-space--sm"></div>

		<div class="iz-actions">
			<a class="iz-btn iz-btn--ghost" href="#" onclick="window.close(); return false;">
				{{ L_CLOSE_WINDOW }}
			</a>
		</div>
	</div>
</section>

{% if pagination %}
	<nav class="iz-pagination" aria-label="{{ L_PAGINATION }}">
		<ul class="iz-pagination__list">
			{% include 'pagination.html' %}
		</ul>
	</nav>
{% endif %}

<div class="iz-space iz-space--sm"></div>

{% include 'simple_footer.html' %}
