{% include 'overall_header.html' %}

{% INCLUDECSS '@dmzx_chatbot/css/acp_chatbot.css' %}

<h1>{{ lang('ACP_CHATBOT_TITLE') }}</h1>

<div class="acp-chatbot-wrapper">
<form id="dmzx_chatbot_acp" name="dmzx_chatbot_acp" method="post" action="{{ U_ACTION }}">
	<fieldset>
		<legend>{{ lang('ACP_CHATBOT_SETTINGS_LEGEND') }}</legend>

		<dl>
			<dt>
				<label for="dmzx_chatbot_enabled_1">{{ lang('ACP_CHATBOT_ENABLE') }}</label>
			</dt>
			<dd>
				<label>
					<input type="radio" class="radio" id="dmzx_chatbot_enabled_1" name="dmzx_chatbot_enabled" value="1" {% if DMZX_CHATBOT_ENABLED == '1' %} checked="checked"{% endif %} />
					{{ lang('YES') }}
				</label>
				<label>
					<input type="radio" class="radio" id="dmzx_chatbot_enabled_0" name="dmzx_chatbot_enabled" value="0" {% if DMZX_CHATBOT_ENABLED != '1' %} checked="checked"{% endif %} />
					{{ lang('NO') }}
				</label>
			</dd>
		</dl>
		<dl>
			<dt>
				<label for="dmzx_chatbot_popular_enabled_1">{{ lang('ACP_CHATBOT_POPULAR_ENABLE') }}</label>
			</dt>
			<dd>
				<label>
					<input type="radio" class="radio" id="dmzx_chatbot_popular_enabled_1" name="dmzx_chatbot_popular_enabled" value="1" {% if DMZX_CHATBOT_POPULAR_ENABLED == '1' %} checked="checked"{% endif %} />
					{{ lang('YES') }}
				</label>
				<label>
					<input type="radio" class="radio" id="dmzx_chatbot_popular_enabled_0" name="dmzx_chatbot_popular_enabled" value="0" {% if DMZX_CHATBOT_POPULAR_ENABLED != '1' %} checked="checked"{% endif %} />
					{{ lang('NO') }}
				</label>

				<input type="number" id="dmzx_chatbot_popular_limit" name="dmzx_chatbot_popular_limit" value="{{ DMZX_CHATBOT_POPULAR_LIMIT }}" min="0" class="inputbox" />
				<label for="dmzx_chatbot_popular_limit" class="small">{{ lang('ACP_CHATBOT_POPULAR_LIMIT') }}</label>
			</dd>
		</dl>
		<dl>
			<dt>
				<label for="dmzx_chatbot_lastsearch_enabled_1">{{ lang('ACP_CHATBOT_LASTSEARCH_ENABLE') }}</label>
			</dt>
			<dd>
				<label>
					<input type="radio" class="radio" id="dmzx_chatbot_lastsearch_enabled_1" name="dmzx_chatbot_lastsearch_enabled" value="1" {% if DMZX_CHATBOT_LASTSEARCH_ENABLED == '1' %} checked="checked"{% endif %} />
					{{ lang('YES') }}
				</label>
				<label>
					<input type="radio" class="radio" id="dmzx_chatbot_lastsearch_enabled_0" name="dmzx_chatbot_lastsearch_enabled" value="0" {% if DMZX_CHATBOT_LASTSEARCH_ENABLED != '1' %} checked="checked"{% endif %} />
					{{ lang('NO') }}
				</label>

				<input type="number" id="dmzx_chatbot_lastsearch_limit" name="dmzx_chatbot_lastsearch_limit" value="{{ DMZX_CHATBOT_LASTSEARCH_LIMIT }}" min="0" class="inputbox" />
				<label for="dmzx_chatbot_lastsearch_limit" class="small">{{ lang('ACP_CHATBOT_LASTSEARCH_LIMIT') }}</label>
			</dd>
		</dl>

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

	<fieldset>
		<legend>{{ lang('ACP_CHATBOT_EXPLAIN') }}</legend>

		<div class="acp-chatbot-controls">
			<div class="control">
				<label for="filter_user">{{ lang('ACP_CHATBOT_FILTER_USER') }}</label>
				<input type="text" id="filter_user" name="filter_user" value="{{ FILTER_USER }}" class="inputbox" />
			</div>

			<div class="control">
				<label for="filter_days">{{ lang('ACP_CHATBOT_FILTER_DAYS') }}</label>
				<input type="number" id="filter_days" name="filter_days" value="{{ FILTER_DAYS }}" min="1" class="inputbox" />
			</div>

			<div class="control">
				<label for="filter_feedback">{{ lang('ACP_CHATBOT_FILTER_FEEDBACK') }}</label>
				<select id="filter_feedback" name="filter_feedback" class="inputbox">
					<option value="all"{% if FILTER_FEEDBACK == 'all' %} selected{% endif %}>{{ lang('ALL') }}</option>
					<option value="helpful"{% if FILTER_FEEDBACK == 'helpful' %} selected{% endif %}>{{ lang('HELPFUL') }}</option>
					<option value="unhelpful"{% if FILTER_FEEDBACK == 'unhelpful' %} selected{% endif %}>{{ lang('NOT_HELPFUL') }}</option>
					<option value="none"{% if FILTER_FEEDBACK == 'none' %} selected{% endif %}>{{ lang('NONE') }}</option>
				</select>
			</div>

			<div class="control">
				<label for="filter_reviewed">{{ lang('ACP_CHATBOT_FILTER_REVIEWED') }}</label>
				<select id="filter_reviewed" name="filter_reviewed" class="inputbox">
					<option value="all"{% if FILTER_REVIEWED == 'all' %} selected{% endif %}>{{ lang('ALL') }}</option>
					<option value="reviewed"{% if FILTER_REVIEWED == 'reviewed' %} selected{% endif %}>{{ lang('REVIEWED') }}</option>
					<option value="unreviewed"{% if FILTER_REVIEWED == 'unreviewed' %} selected{% endif %}>{{ lang('UNREVIEWED') }}</option>
				</select>
			</div>
		</div>

		<p class="submit-buttons">
			<input class="button1" type="submit" name="filter_submit" value="{{ lang('SUBMIT') }}" />
			&nbsp;
			<input class="button2" type="button" onclick="resetChatbotFilter();" value="{{ lang('RESET') }}" />
		</p>
	</fieldset>

	<fieldset>
		<legend>{{ lang('ACP_CHATBOT_LOG_ENTRIES') }}</legend>

		<p>{{ lang('ACP_CHATBOT_TOTAL') }}: <strong>{{ TOTAL_ROWS }}</strong></p>

		<div class="acp-chatbot-table-wrap">
		<table class="table1 zebra-table">
			<thead>
				<tr>
					<th><input type="checkbox" id="check_all" onclick="toggleAll(this)" /></th>
					<th>{{ lang('ACP_CHATBOT_ID') }}</th>
					<th>{{ lang('ACP_CHATBOT_USER') }}</th>
					<th>{{ lang('ACP_CHATBOT_QUERY') }}</th>
					<th>{{ lang('ACP_CHATBOT_FEEDBACK') }}</th>
					<th>{{ lang('ACP_CHATBOT_REVIEWED') }}</th>
					<th>{{ lang('ACP_CHATBOT_CREATED') }}</th>
				</tr>
			</thead>
			<tbody>
			{% if logs %}
				{% for log in logs %}
				<tr>
					<td data-label="{{ lang('SELECT') }}"><input type="checkbox" name="log_id[]" value="{{ log.LOG_ID }}" /></td>
					<td data-label="{{ lang('ACP_CHATBOT_ID') }}">#{{ log.LOG_ID }}</td>
					<td data-label="{{ lang('ACP_CHATBOT_USER') }}">{{ log.USERNAME }}</td>
					<td class="query-cell" data-label="{{ lang('ACP_CHATBOT_QUERY') }}">{{ log.QUERY_TEXT }}</td>
					<td data-label="{{ lang('ACP_CHATBOT_FEEDBACK') }}">
						{% if log.FEEDBACK == 1 %}
							<span class="positive">{{ lang('HELPFUL') }}</span>
						{% elseif log.FEEDBACK == -1 %}
							<span class="negative">{{ lang('NOT_HELPFUL') }}</span>
						{% else %}
							<span>{{ lang('NONE') }}</span>
						{% endif %}
					</td>
					<td data-label="{{ lang('ACP_CHATBOT_REVIEWED') }}">
						{% if log.REVIEWED == 1 %}
							{{ lang('YES') }}<br/>
							<small>
								{{ log.REVIEWED_BY }}
								• {{ log.REVIEWED_AT }}
							</small>
						{% else %}
							{{ lang('NO') }}
						{% endif %}
					</td>
					<td data-label="{{ lang('ACP_CHATBOT_CREATED') }}">{{ log.CREATED_AT }}</td>
				</tr>
				{% endfor %}
			{% else %}
				<tr>
					<td colspan="7">{{ lang('ACP_CHATBOT_NO_ENTRIES') }}</td>
				</tr>
			{% endif %}
			</tbody>
		</table>
		</div>

		<p class="submit-buttons" style="margin-top:12px;">
			<input class="button1" type="submit" name="mark_reviewed" value="{{ lang('ACP_CHATBOT_MARK_REVIEWED') }}" />
			&nbsp;&nbsp;
			<label for="purge_days">{{ lang('ACP_CHATBOT_PURGE_OLDER') }}</label>
			<input type="number" id="purge_days" name="purge_days" value="365" min="1" style="width:90px" />
			<input class="button2" type="submit" name="purge_older" value="{{ lang('ACP_CHATBOT_PURGE') }}" />
		</p>

		<p>
			<a class="buttonless" href="{{ U_PAGINATION_PREV }}">{{ lang('ACP_CHATBOT_PAGINATION_PREV') }}</a>
			&nbsp;|&nbsp;
			<a class="buttonless" href="{{ U_PAGINATION_NEXT }}">{{ lang('ACP_CHATBOT_PAGINATION_NEXT') }}</a>
		</p>

		{{ S_FORM_TOKEN }}
	</fieldset>
</form>
</div>

{% INCLUDEJS '@dmzx_chatbot/js/acp_chatbot.js' %}

{% include 'overall_footer.html' %}