{% INCLUDE 'overall_header.html' %}

{% INCLUDECSS '@spiderpiggy_announcementshoutbox/acp_announcementshoutbox.css' %}

<h1>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_SETTINGS') }}</h1>
<p>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_SETTINGS_EXPLAIN') }}</p>

<div class="asb-acp-intro">
	<p>{{ lang('ACP_ASB_SUPPORT_INFO') }}</p>

	<ul class="asb-acp-links">
		<li>
			<a href="https://www.phpbbextnl.be/donate" target="_blank" rel="noreferrer">
				💖 {{ lang('ACP_ASB_DONATE') }}
			</a>
		</li>
		<li>
			<a href="https://www.phpbbextnl.be" target="_blank" rel="noreferrer">
				👥 {{ lang('ACP_ASB_COMMUNITY') }}
			</a>
		</li>
	</ul>
</div>

<form id="acp_announcementshoutbox" method="post" action="{{ U_ACTION }}">
	<div class="asb-acp-panel">
		<div class="asb-acp-panel__tab">⚙️ {{ lang('ACP_ANNOUNCEMENTSHOUTBOX_SETTINGS') }}</div>

		<fieldset>
			<dl>
				<dt><label for="announcementshoutbox_enabled">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_ENABLED') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_ENABLED_EXPLAIN') }}</span></dt>
				<dd>
					<label><input type="radio" class="radio" name="announcementshoutbox_enabled" value="1"{% if ANNOUNCEMENTSHOUTBOX_ENABLED %} checked="checked"{% endif %}> {{ lang('YES') }}</label>
					<label><input type="radio" class="radio" name="announcementshoutbox_enabled" value="0"{% if not ANNOUNCEMENTSHOUTBOX_ENABLED %} checked="checked"{% endif %}> {{ lang('NO') }}</label>
				</dd>
			</dl>
			
			<dl>
				<dt><label for="announcementshoutbox_show_guests">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_SHOW_GUESTS') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_SHOW_GUESTS_EXPLAIN') }}</span></dt>
				<dd>
					<label><input type="radio" class="radio" name="announcementshoutbox_show_guests" value="1"{% if ANNOUNCEMENTSHOUTBOX_SHOW_GUESTS %} checked="checked"{% endif %}> {{ lang('YES') }}</label>
					<label><input type="radio" class="radio" name="announcementshoutbox_show_guests" value="0"{% if not ANNOUNCEMENTSHOUTBOX_SHOW_GUESTS %} checked="checked"{% endif %}> {{ lang('NO') }}</label>
				</dd>
			</dl>

			<dl>
				<dt><label for="announcementshoutbox_view_groups">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_VIEW_GROUPS') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_VIEW_GROUPS_EXPLAIN') }}</span></dt>
				<dd>
					<select id="announcementshoutbox_view_groups" name="announcementshoutbox_view_groups[]" multiple="multiple" size="10">
						{% for group in loops.view_groups %}
							<option value="{{ group.GROUP_ID }}"{% if group.S_SELECTED %} selected="selected"{% endif %}>{{ group.GROUP_NAME }}</option>
						{% endfor %}
					</select>
				</dd>
			</dl>

			<dl>
				<dt><label for="announcementshoutbox_post_groups">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_POST_GROUPS') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_POST_GROUPS_EXPLAIN') }}</span></dt>
				<dd>
					<select id="announcementshoutbox_post_groups" name="announcementshoutbox_post_groups[]" multiple="multiple" size="10">
						{% for group in loops.post_groups %}
							<option value="{{ group.GROUP_ID }}"{% if group.S_SELECTED %} selected="selected"{% endif %}>{{ group.GROUP_NAME }}</option>
						{% endfor %}
					</select>
				</dd>
			</dl>
			
			<dl>
				<dt><label for="announcementshoutbox_header_text">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_HEADER_TEXT') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_HEADER_TEXT_EXPLAIN') }}</span></dt>
				<dd><input type="text" id="announcementshoutbox_header_text" name="announcementshoutbox_header_text" value="{{ ANNOUNCEMENTSHOUTBOX_HEADER_TEXT }}" maxlength="255" size="40"></dd>
			</dl>
			
			<dl>
				<dt><label for="announcementshoutbox_header_icon">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_HEADER_ICON') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_HEADER_ICON_EXPLAIN') }}</span></dt>
				<dd><input type="text" id="announcementshoutbox_header_icon" name="announcementshoutbox_header_icon" value="{{ ANNOUNCEMENTSHOUTBOX_HEADER_ICON }}" maxlength="100" size="30"> <span>fa-bullhorn, fa-bell, fa-bullhorn fa-lg</span></dd>
			</dl>
			
			<dl>
				<dt><label for="announcementshoutbox_display_pages">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_DISPLAY_PAGES') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_DISPLAY_PAGES_EXPLAIN') }}</span></dt>
				<dd>
					<select id="announcementshoutbox_display_pages" name="announcementshoutbox_display_pages">
						<option value="index"{% if ANNOUNCEMENTSHOUTBOX_DISPLAY_PAGES == 'index' %} selected="selected"{% endif %}>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_DISPLAY_PAGES_INDEX') }}</option>
						<option value="all"{% if ANNOUNCEMENTSHOUTBOX_DISPLAY_PAGES == 'all' %} selected="selected"{% endif %}>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_DISPLAY_PAGES_ALL') }}</option>
					</select>
				</dd>
			</dl>

			<dl>
				<dt><label for="announcementshoutbox_mode">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_MODE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_MODE_EXPLAIN') }}</span></dt>
				<dd>
					<select id="announcementshoutbox_mode" name="announcementshoutbox_mode">
						<option value="rotate"{% if ANNOUNCEMENTSHOUTBOX_MODE == 'rotate' %} selected="selected"{% endif %}>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_MODE_ROTATE') }}</option>
						<option value="ticker"{% if ANNOUNCEMENTSHOUTBOX_MODE == 'ticker' %} selected="selected"{% endif %}>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_MODE_TICKER') }}</option>
					</select>
				</dd>
			</dl>

			<dl>
				<dt><label for="announcementshoutbox_sort_order">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_SORT_ORDER') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_SORT_ORDER_EXPLAIN') }}</span></dt>
				<dd>
					<select id="announcementshoutbox_sort_order" name="announcementshoutbox_sort_order">
						<option value="newest"{% if ANNOUNCEMENTSHOUTBOX_SORT_ORDER == 'newest' %} selected="selected"{% endif %}>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_SORT_ORDER_NEWEST') }}</option>
						<option value="oldest"{% if ANNOUNCEMENTSHOUTBOX_SORT_ORDER == 'oldest' %} selected="selected"{% endif %}>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_SORT_ORDER_OLDEST') }}</option>
					</select>
				</dd>
			</dl>

			<dl>
				<dt><label for="announcementshoutbox_interval">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_INTERVAL') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_INTERVAL_EXPLAIN') }}</span></dt>
				<dd><input type="number" id="announcementshoutbox_interval" name="announcementshoutbox_interval" min="1000" step="500" value="{{ ANNOUNCEMENTSHOUTBOX_INTERVAL }}"> ms</dd>
			</dl>

			<dl>
				<dt><label for="announcementshoutbox_ticker_speed">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_TICKER_SPEED') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_TICKER_SPEED_EXPLAIN') }}</span></dt>
				<dd><input type="number" id="announcementshoutbox_ticker_speed" name="announcementshoutbox_ticker_speed" min="5000" step="1000" value="{{ ANNOUNCEMENTSHOUTBOX_TICKER_SPEED }}"> ms</dd>
			</dl>

			<dl>
				<dt><label for="announcementshoutbox_startup_delay">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_STARTUP_DELAY') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_STARTUP_DELAY_EXPLAIN') }}</span></dt>
				<dd><input type="number" id="announcementshoutbox_startup_delay" name="announcementshoutbox_startup_delay" min="0" max="15000" step="500" value="{{ ANNOUNCEMENTSHOUTBOX_STARTUP_DELAY }}"> ms</dd>
			</dl>

			<dl>
				<dt><label for="announcementshoutbox_show_time">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_SHOW_TIME') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_SHOW_TIME_EXPLAIN') }}</span></dt>
				<dd>
					<label><input type="radio" class="radio" name="announcementshoutbox_show_time" value="1"{% if ANNOUNCEMENTSHOUTBOX_SHOW_TIME %} checked="checked"{% endif %}> {{ lang('YES') }}</label>
					<label><input type="radio" class="radio" name="announcementshoutbox_show_time" value="0"{% if not ANNOUNCEMENTSHOUTBOX_SHOW_TIME %} checked="checked"{% endif %}> {{ lang('NO') }}</label>
				</dd>
			</dl>

			<dl>
				<dt><label for="announcementshoutbox_show_bbcode">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_SHOW_BBCODE') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_SHOW_BBCODE_EXPLAIN') }}</span></dt>
				<dd>
					<label><input type="radio" class="radio" name="announcementshoutbox_show_bbcode" value="1"{% if ANNOUNCEMENTSHOUTBOX_SHOW_BBCODE %} checked="checked"{% endif %}> {{ lang('YES') }}</label>
					<label><input type="radio" class="radio" name="announcementshoutbox_show_bbcode" value="0"{% if not ANNOUNCEMENTSHOUTBOX_SHOW_BBCODE %} checked="checked"{% endif %}> {{ lang('NO') }}</label>
				</dd>
			</dl>

			<dl>
				<dt><label for="announcementshoutbox_show_avatar">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_SHOW_AVATAR') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_SHOW_AVATAR_EXPLAIN') }}</span></dt>
				<dd>
					<label><input type="radio" class="radio" name="announcementshoutbox_show_avatar" value="1"{% if ANNOUNCEMENTSHOUTBOX_SHOW_AVATAR %} checked="checked"{% endif %}> {{ lang('YES') }}</label>
					<label><input type="radio" class="radio" name="announcementshoutbox_show_avatar" value="0"{% if not ANNOUNCEMENTSHOUTBOX_SHOW_AVATAR %} checked="checked"{% endif %}> {{ lang('NO') }}</label>
				</dd>
			</dl>

			<dl>
				<dt><label for="announcementshoutbox_max_length">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_MAX_LENGTH') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_MAX_LENGTH_EXPLAIN') }}</span></dt>
				<dd><input type="number" id="announcementshoutbox_max_length" name="announcementshoutbox_max_length" min="50" max="1000" value="{{ ANNOUNCEMENTSHOUTBOX_MAX_LENGTH }}"></dd>
			</dl>

			<dl>
				<dt><label for="announcementshoutbox_max_items">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_MAX_ITEMS') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_MAX_ITEMS_EXPLAIN') }}</span></dt>
				<dd><input type="number" id="announcementshoutbox_max_items" name="announcementshoutbox_max_items" min="1" max="50" value="{{ ANNOUNCEMENTSHOUTBOX_MAX_ITEMS }}"></dd>
			</dl>
		</fieldset>
	</div>

	<fieldset class="submit-buttons">
		<input class="button1" type="submit" name="submit" value="{{ lang('SUBMIT') }}">
		{{ S_FORM_TOKEN }}
	</fieldset>

	{% if S_ANNOUNCEMENTSHOUTBOX_EDITING %}
	<fieldset>
		<legend>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_EDIT_MESSAGE') }}</legend>
		<p>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_EDIT_MESSAGE_EXPLAIN') }}</p>

		<dl>
			<dt><label for="edit_message">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_MESSAGE') ~ lang('COLON') }}</label></dt>
			<dd>
				<textarea id="edit_message" name="edit_message" rows="5" cols="76" class="inputbox">{{ ANNOUNCEMENTSHOUTBOX_EDIT_MESSAGE }}</textarea>
				<input type="hidden" name="edit_id" value="{{ ANNOUNCEMENTSHOUTBOX_EDIT_ID }}">
			</dd>
		</dl>

		<fieldset class="submit-buttons">
			<input class="button1" type="submit" name="save_message" value="{{ lang('SAVE') }}">
			<a class="button2" href="{{ U_ANNOUNCEMENTSHOUTBOX_EDIT_CANCEL }}">{{ lang('CANCEL') }}</a>
		</fieldset>
	</fieldset>
	{% endif %}

	<fieldset>
		<legend>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_MESSAGES') }}</legend>
		<p>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_MESSAGES_EXPLAIN') }}</p>

		{% if loops.messages|length %}
			<table class="table1 zebra-table fixed-width-table">
				<thead>
					<tr>
						<th class="name">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_AUTHOR') }}</th>
						<th class="name">{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_MESSAGE') }}</th>
						<th>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_POSTED') }}</th>
						<th>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_ACTION') }}</th>
						<th style="width: 40px; text-align: center;">{{ lang('MARK') }}</th>
					</tr>
				</thead>
				<tbody>
				{% for message in loops.messages %}
					<tr>
						<td>{% if message.U_PROFILE %}<a href="{{ message.U_PROFILE }}"{% if message.USERNAME_COLOUR %} style="color: {{ message.USERNAME_COLOUR }};" class="username-coloured"{% else %} class="username"{% endif %}>{{ message.USERNAME }}</a>{% else %}<span{% if message.USERNAME_COLOUR %} style="color: {{ message.USERNAME_COLOUR }};" class="username-coloured"{% else %} class="username"{% endif %}>{{ message.USERNAME }}</span>{% endif %}</td>
						<td>{{ message.MESSAGE|raw }}</td>
						<td>{{ message.POST_TIME }}</td>
						<td><a href="{{ message.U_EDIT }}">{{ lang('EDIT') }}</a></td>
						<td style="text-align: center;"><input type="checkbox" class="radio" name="mark[]" value="{{ message.ID }}"></td>
					</tr>
				{% endfor %}
				</tbody>
			</table>

			<fieldset class="quick">
				<input class="button2" type="submit" name="delete_selected" value="{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_DELETE_SELECTED') }}">
			</fieldset>
		{% else %}
			<p>{{ lang('ACP_ANNOUNCEMENTSHOUTBOX_NO_STORED_MESSAGES') }}</p>
		{% endif %}
	</fieldset>
</form>

{% INCLUDE 'overall_footer.html' %}