{% extends "base.html" %}

{% block content %}

<form action="{{table.get_url}}" method="get" class="tabulate-filters about-description">
	<input type="hidden" name="page" value="tabulate" />
	<input type="hidden" name="controller" value="table" />
	<input type="hidden" name="action" value="index" />
	<input type="hidden" name="table" value="{{table.get_name}}" />
	<table>

		{% for fid,filter in filters %}
		<tr class="tabulate-filter">
			<td class="label">
				<label>
					{% if fid==0 %}Find records where{% else %}&hellip;and{% endif %}
				</label>
			</td>
			<td>
				<select name="filter[{{fid}}][column]">
					{% for column in table.get_columns %}
					<option value="{{column.get_name}}" {% if column.get_name==filter.column %}selected{% endif %}>
						{{column.get_title}}
					</option>
					{% endfor %}
				</select>
			</td>
			<td>
				<select name="filter[{{fid}}][operator]">
					{% for op,name in operators %}
					<option value="{{op}}" {% if op==filter.operator %}selected{% endif %}>
						{{name}}
					</option>
					{% endfor %}
				</select>
			</td>
			<td>
				{% if filter.operator == 'in' or filter.operator == 'not in' %}
				<textarea name="filter[{{fid}}][value]">{{filter.value}}</textarea>
				{% else %}
				<input type="text" name="filter[{{fid}}][value]" value="{{filter.value}}" />
				{% endif %}
			</td>
		</tr>
		{% endfor %}

		<tr>
			<td colspan="3">
			</td>
			<td class="buttons">
				<button class="button" data-controller="table" data-action="index">Search</button>
				{% if filter_count > 1 %}
				<a href="{{table.get_url}}" class="button">Clear filters</a>
				{% endif %}
			</td>
		</tr>

	</table>

	{% if records %}
	<div class='tablenav tablenav-top'>

		<!-- Right side -->
		<div class="alignleft actions bulkactions">
			<button data-controller="table" data-action="export" class="button"  title="Export to Comma Separated Values format">
				CSV
			</button>
			{% if table.get_columns('point') %}
			<button data-controller="map" data-action="osm" class="button" title="Export to OpenStreetMap's XML format">
				OSM
			</button>
			<button data-controller="map" data-action="kml" class="button" title="Export to KML">
				KML
			</button>
			<button data-controller="map" data-action="gpx" class="button" title="Export to GPX">
				GPX
			</button>
			{% endif %}
		</div>

		<!-- Left side -->
		<div class='tablenav-pages'>
			<span class="displaying-num">
				{{record_count|number_format}} record{% if record_count != 1 %}s{% endif %}
			</span>

			{% if table.get_page_count > 1 %}
			<span class='pagination-links'>
				<button class='first-page {%if table.get_current_page_num == 1%}disabled{% endif %} button' title='Go to the first page'
					data-controller="table" data-action="index" data-p="1">
					&laquo;
				</button>
				<button class='prev-page {%if table.get_current_page_num == 1%}disabled{% endif %} button' title='Go to the previous page'
					data-controller="table" data-action="index" data-p="{{(table.get_current_page_num - 1)}}">
					&lsaquo;
				</button>
				<span class="paging-input">
					<input class='current-page' id='current-page-selector' title='Current page'
						type='text' name='p' value='{{table.get_current_page_num}}' size='1' />
					of
					<span class='total-pages'>{{table.get_page_count|number_format}}</span> pages
				</span>
				<button class='next-page {%if table.get_current_page_num == table.get_page_count%}disabled{% endif %} button'
					data-controller="table" data-action="index" data-p="{{(table.get_current_page_num + 1)}}"
					title='Go to the next page'>
					&rsaquo;
				</button>
				<button class='last-page {%if table.get_current_page_num == table.get_page_count%}disabled{% endif %} button'
					data-controller="table" data-action="index" data-p="{{table.get_page_count}}"
					title='Go to the last page'>
					&raquo;
				</button>
			</span>
			{% endif %}

		</div>

	</div>
	{% endif %}

</form>

{% include 'data_table.html' with { links:true } %}

{%endblock%}