{% INCLUDE 'overall_header.html' %}

{% INCLUDECSS '@spiderpiggy_connectionlogger/stylesheet.css' %}

<a name="maincontent"></a>

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

<p>{{ lang('EXPLAIN') }}<br /><br />{{ lang('ACP_LOGS_GOODIES') }}</p>

<form id="list" method="post" action="{{ U_ACTION }}">

<fieldset class="display-options search-box lc-filter-box">
	<div class="lc-filter-row">
		<label for="usearch">{{ lang('USERNAME') }}{{ lang('COLON') }}</label>
		<input type="text" id="usearch" name="usearch" value="{{ USEARCH }}" />
	</div>

	<div class="lc-filter-row">
		<label for="isearch">{{ lang('IP') }}{{ lang('COLON') }}</label>
		<input type="text" id="isearch" name="isearch" value="{{ ISEARCH }}" />
	</div>

	<div class="lc-filter-row">
		<label for="asearch">{{ lang('ACTION') }}{{ lang('COLON') }}</label>
		{{ S_ASEARCH }}
	</div>

	<div class="lc-filter-actions">
		<input type="submit" class="button2" value="{{ lang('ACP_LOGS_SORT') }}" />
	</div>
</fieldset>

{% if loops.pagination|length %}
<div class="pagination top-pagination">
	{% INCLUDE 'pagination.html' %}
</div>
{% endif %}

{% if loops.log|length %}
	<table class="table1 zebra-table fixed-width-table">
	<thead>
	<tr>
		<th style="width: 15%;">{{ lang('USERNAME') }}</th>
		<th style="width: 20%;"><a href="{{ U_IP }}">{{ lang('IP') }}</a></th>
		<th style="width: 15%;">{{ lang('TIME') }}</th>
		<th>{{ lang('ACTION') }}</th>
		<th style="width: 50px;">{{ lang('MARK') }}</th>
	</tr>
	</thead>
	<tbody>
	{% for log in loops.log %}
		<tr>
			<td>{{ log.USERNAME }}</td>
			<td style="text-align: center;"><a href="https://ipinfo.io/{{ log.IP }}" target="_blank" rel="noopener" onclick="popup(this.href, 900, 550, '_ipinfo'); return false;">{{ log.IP }}</a></td>
			<td style="text-align: center;">{{ log.DATE }}</td>
			<td>{{ log.ACTION }}{% if log.DATA %}<br /><span>{{ log.DATA }}</span>{% endif %}</td>
			<td style="text-align: center;"><input type="checkbox" class="radio" name="mark[]" value="{{ log.ID }}" /></td>
		</tr>
	{% endfor %}
	</tbody>
	</table>

{% else %}

	<div class="errorbox">
		<p>{{ lang('NO_ENTRIES') }}</p>
	</div>

{% endif %}

<fieldset class="display-options">
	{{ lang('DISPLAY_LOG') }}{{ lang('COLON') }} &nbsp;{{ S_LIMIT_DAYS }}&nbsp;{{ lang('SORT_BY') }}{{ lang('COLON') }} {{ S_SORT_KEY }} {{ S_SORT_DIR }}
	<input class="button2" type="submit" value="{{ lang('GO') }}" name="sort" />
	{{ S_FORM_TOKEN }}
</fieldset>
<hr />

{% if loops.pagination|length %}
	<div class="pagination">
		{% INCLUDE 'pagination.html' %}
	</div>
{% endif %}

{% if S_CLEARLOGS %}
	<fieldset class="quick">
		<input class="button2" type="submit" name="delall" value="{{ lang('DELETE_ALL') }}" />&nbsp;
		<input class="button2" type="submit" name="delmarked" value="{{ lang('DELETE_MARKED') }}" /><br />
		<p class="small"><a href="#" onclick="marklist('list', 'mark', true); return false;">{{ lang('MARK_ALL') }}</a> &bull; <a href="#" onclick="marklist('list', 'mark', false); return false;">{{ lang('UNMARK_ALL') }}</a></p>
	</fieldset>
{% endif %}

</form>

<div id="lc-ip-overlay" class="lc-ip-overlay" style="display: none;">
	<div class="lc-ip-overlay-backdrop"></div>

	<div class="lc-ip-overlay-box" role="dialog" aria-modal="true" aria-labelledby="lc-ip-overlay-title">
		<div class="lc-ip-overlay-header">
			<h2 id="lc-ip-overlay-title">IP informatie</h2>
			<button type="button" class="lc-ip-overlay-close" aria-label="Sluiten">&times;</button>
		</div>

		<div class="lc-ip-overlay-body">
			<iframe id="lc-ip-overlay-frame" src="" loading="lazy"></iframe>
		</div>
	</div>
</div>

{% INCLUDE 'overall_footer.html' %}