{% INCLUDE 'ucp_header.html' %}

<h2>{{ lang('IMAGEUPLOAD_UCP') }}</h2>

{% if loops.images|length %}
<form id="imageupload_ucp" method="post">
	<div class="panel">
		<div class="inner">
			<ul class="topiclist">
				<li class="header">
					<dl class="row-item">
						<dt>{% if S_IMAGEUPLOAD_DELETE_IMAGE %}{{ lang('IMAGEUPLOAD_UCP_UPLOADED_IMAGES_DELETE') }}{% else %}{{ lang('IMAGEUPLOAD_UCP_UPLOADED_IMAGES') }}{% endif %}</dt>
						<dd style="border: none">&nbsp;</dd>
					</dl>
				</li>
			</ul>
			<ul class="topiclist cplist responsive-show-columns" style="max-height:200px; overflow-x:hidden; overflow-y:auto;">
				<li class="row-items">
					<dl>
						<dt>
							<fieldset>
								<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>
												{% if S_IMAGEUPLOAD_DELETE_IMAGE %}
												<div class="imageupload-name">
													<a href="{{ images.U_DELETES }}" title="{{ lang('IMAGEUPLOAD_UCP_DELETE_IMAGES') }}"><i class="icon fa-trash fa-fw"></i></a>&nbsp;{{ images.FILENAME }}
												</div>
												{% else %}
												<div class="imageupload-name">
													{{ images.FILENAME }}
												</div>
												{% endif %}
											</div>
										</div>
									{% endfor %}
									</div>
								</div>
							</fieldset>
						</dt>
						<dd style="border: none">&nbsp;</dd>
					</dl>
				</li>
			</ul>
		</div>
	</div>
</form>
<div class="action-bar bar-bottom">
	{% if loops.imageupload_pagination|length or IMAGEUPLOAD_UCP_IMAGES %}
	<div class="pagination">
		{{ IMAGEUPLOAD_UCP_IMAGES }}
		{% if loops.imageupload_pagination|length %}
			{% INCLUDE 'imageupload_pagination.html' %}
		{% else %}
			&bull; {{ PAGE_NUMBER }}
		{% endif %}
	</div>
	{% endif %}
</div>
{% else %}
<div class="panel">
	<div class="inner">
		<h3>{% if S_IMAGEUPLOAD_DELETE_IMAGE %}{{ lang('IMAGEUPLOAD_UCP_UPLOADED_IMAGES_DELETE') }}{% else %}{{ lang('IMAGEUPLOAD_UCP_UPLOADED_IMAGES') }}{% endif %}</h3>
		<p>{{ lang('IMAGEUPLOAD_UCP_UPLOADED_NO_IMAGES') }}</p>
	</div>
</div>
{% endif %}

{% INCLUDE 'ucp_footer.html' %}