{% INCLUDE 'overall_header.html' %}
{% INCLUDECSS '@dmzx_youtubegallery/css/video_acp.css' %}

<h1><i class="icon fa-youtube fa-fw" aria-hidden="true"></i> {{ lang('ACP_VIDEO_OVERVIEW') }}</h1>

<p>{{ lang('ACP_VIDEO_OVERVIEW_EXPLAIN') }}</p>

<form id="acp_video_cat" method="post" action="{{ U_ACTION }}">
	<fieldset>
		<legend>{% if S_EDIT_MODE %}{{ lang('ACP_CATEGORY_EDIT') }}{% else %}{{ lang('ACP_VIDEO_CAT_ADD') }}{% endif %}</legend>
		<dl>
			<dt><label for="video_cat_title">{% if S_EDIT_MODE %}{{ lang('ACP_CATEGORY_EDIT') }}{% else %}{{ lang('ACP_VIDEO_CAT_TITLE') }}{% endif %}{{ lang('COLON') }}</label><br><span>{{ lang('ACP_VIDEO_CAT_TITLE_EXPLAIN') }}</span></dt>
			<dd><input type="text" id="video_cat_title" name="video_cat_title" size="41" value="{{ VIDEO_CAT_TITLE }}"/></dd>
		</dl>
		<input type="hidden" name="video_cat_id" value="{{ VIDEO_CAT_ID }}" />

		<p class="submit-buttons">
			<input class="button" type="submit" id="submit" name="submit" value="{{ lang('SUBMIT') }}" />&nbsp;
			<input class="button" type="reset" id="reset" name="reset" value="{{ lang('RESET') }}" />&nbsp;
			{% if S_EDIT_MODE %}<a href="{{ U_BACK }}" class="button">{{ lang('BACK') }}</a>{% endif %}
		</p>
		{{ S_FORM_TOKEN }}
	</fieldset>
</form>

{% if loops.category|length and not S_EDIT_MODE %}
<div class="youtubegallery-container">
	<div class="youtubegallery-header">
		<div class="youtubegallery-cell">{{ lang('ACP_VIDEO_CAT_TITLE') }}</div>
		<div class="youtubegallery-cell action-cell">{{ lang('ACTION') }}</div>
	</div>
	<div class="youtubegallery-body">
	{% for category in loops.category %}
		<div class="youtubegallery-row {% if category.S_ROW_COUNT is even %}row1{% else %}row2{% endif %}">
			<div class="youtubegallery-cell">{{ category.VIDEO_CAT_TITLE }}</div>
			<div class="youtubegallery-cell action-cell">
				&nbsp;<a href="{{ category.U_EDIT }}">{{ ICON_EDIT }}</a>
				<a href="{{ category.U_DEL }}" data-ajax="row_delete">{{ ICON_DELETE }}</a>&nbsp;
			</div>
		</div>
	{% endfor %}
	</div>
</div>
<br>
{% endif %}

{% if not loops.category|length %}
<p class="error"><strong>{{ lang('NO_CATEGORIES') }}</strong></p>
{% endif %}

{% INCLUDE 'overall_footer.html' %}