{% if IMAGEUPLOAD_USE_UPLOAD and IMAGEUPLOAD_INDEX_ENABLE and UCP_IMAGEUPLOAD_INDEX and loops.images|length %}

{% if IMAGEUPLOAD_IS_COLLAPSIBLE %}
	<a class="category{% if S_IMAGEUPLOAD_HIDDEN %} hidden-category{% endif %} imageupload-category"></a>
{% endif %}

<div class="forabg">
	<div class="inner">
		<ul class="topiclist">
			<li class="header">
				<dl class="row-item">
					<dt>{{ lang('IMAGEUPLOAD_UPLOADED_IMAGES') }}</dt>
					<dd style="border: none">&nbsp;</dd>
				</dl>
				{% if IMAGEUPLOAD_IS_COLLAPSIBLE %}
				<a href="{{ U_IMAGEUPLOAD_COLLAPSE_URL }}"
					class="collapse-btn imageupload-collapse"
						data-hidden="{{ S_IMAGEUPLOAD_HIDDEN }}"
						data-ajax="phpbb_collapse"
						data-overlay="true"
						data-title-alt="{{ lang('IMAGEUPLOAD_COLLAPSIBLE_CATEGORIES_TITLE', ((not S_IMAGEUPLOAD_HIDDEN) * 1)) }}"
						title="{{ lang('IMAGEUPLOAD_COLLAPSIBLE_CATEGORIES_TITLE', (S_IMAGEUPLOAD_HIDDEN * 1)) }}">
						<i class="fa {% if S_IMAGEUPLOAD_HIDDEN %}fa-plus-square{% else %}fa-minus-square{% endif %}"></i>
					</a>
				{% endif %}
			</li>
		</ul>
		<ul class="forums collapsible" style="max-height:210px; overflow-x:hidden; overflow-y:auto;">
			<li class="row-items">
			{% if loops.imageupload_pagination|length or IMAGEUPLOAD_PAG_IMAGES %}
			<div class="pagination">
				{{ IMAGEUPLOAD_PAG_IMAGES }}
				{% if loops.imageupload_pagination|length %}
					{% INCLUDE 'imageupload_pagination.html' %}
				{% else %}
					&bull; {{ PAGE_NUMBER }}
				{% endif %}
			</div>
			{% endif %}
				<dl>
					<dt>
						<fieldset class="fields1">
							<p>{% if S_IMAGEUPLOAD_CHAT_INSERT %}{{ lang('IMAGEUPLOAD_INDEXPAGE_CHAT') }}{% else %}{{ lang('IMAGEUPLOAD_INDEXPAGE') }}{% endif %}</p>
							<div class="panel upload_inner">
								<div class="inner">
								{% for images in loops.images %}
									<div style="float:left; text-align: center;" class="upload_enabled">
										<div class="imageupload_index-preview" onclick="imageuploadClick(this)">
											<img class="imageupload_index" id="{{ images.ID }}" src="{{ images.IMAGEPATH }}" title="{{ images.FILENAME }}" alt="{{ images.WIDTH }} {{ lang('PIXEL') }} * {{ images.HEIGHT }} {{ lang('PIXEL') }} - {{ images.SIZE }}" />
										</div>
										<div class="imageupload-name">
											{% if S_IMAGEUPLOAD_CHAT_INSERT %}
											<i onclick="insert_text(' [img]{{ images.IMAGEPATH }}[/img] ');" data-mchat-action="add" title="{{ lang('IMAGEUPLOAD_INSERT_MCHAT_IMAGE') }}" class="icon fa-arrow-circle-o-up fa-fw"></i>&nbsp;{{ images.FILENAME }}
											{% else %}
											{{ images.FILENAME }}
											{% endif %}
										</div>
									</div>
								{% endfor %}
								</div>
							</div>
						</fieldset>
					</dt>
					<dd style="border: none">&nbsp;</dd>
				</dl>
			</li>
		</ul>
	</div>
</div>

{% endif %}