{% 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}}" />

	{% include "filters.html" with {clear_url: table.get_url} %}

	{% 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">
				{{table.count_records|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%}