{* Vychozi implementace zobrazeni listu ,(min-device-width: 768px) and (max-device-width: 1024px) *}
<style type="text/css">
@media only screen and (max-width: 760px) {
	{? $pos = 0}
	{foreach $description->fields as $field}
	{? $pos = $iterator->counter}
	.table td:nth-of-type({$pos}):before { content: "{!$field->caption}"; }
	{/foreach}
	.table td:nth-of-type({$pos+1}):before { content: "Akce"; }
}
</style>

<div class="row-fluid">
	<div class="span12 span-block">

		<a class="pull-right btn" n:if="$module->isAllowed('add')" n:href="add">
			<span class="icon-plus"></span>
			<span>{__($module->getCaption('add'))}</span>
		</a>

		<ul class="nav nav-pills filtering-tabs">
			<li class="active"><a href="#tab-hidden" data-toggle="pill">{__('Skryto')}</a></li>
			<li><a href="#tab-filters" data-toggle="pill">{__('Filtry')}</a></li>
		</ul>

		{if !empty($entityFilters)} {*$module->isAllowed('filteredit') || $module->isAllowed('filterglobaledit') || !empty($entityFilters)*}
			{form filterListForm class=>'form-horizontal pull-right', style=>'float:left;margin-bottom:0;margin-top:3px;'}
			{*<fieldset>
				<legend>{_'Přednastavené filtry'}</legend>*}
				<div class="control-group">
					{label filter class=>'control-label middle-inline-block shrinked' /}
					<div class="controls shrinked">
						{*input filter}	{dump $form['filter']->items*}
						<select name="filter" id="{$form['filter']->htmlId}" data-nette-empty-value="" style="width:auto;">
							{foreach $form['filter']->items as $value => $itemsOrCaption}
								{if is_array($itemsOrCaption)}
									<optgroup label="{$value}">
										{foreach $itemsOrCaption as $val1 => $caption}
											<option value="{$val1}"{if $form['filter']->value === $val1} selected="selected"{/if}{if isset($entityFiltersHash[$val1]) && $entityFiltersHash[$val1]->Default} style="color:red"{/if}>
												{$caption}
												{if isset($entityFiltersHash[$val1]) && $entityFiltersHash[$val1]->Default}(*){/if}
											</option>
										{/foreach}
									</optgroup>
								{else}
									<option value="{$value}"{if $form['filter']->value === $value} selected="selected"{/if}{if isset($entityFiltersHash[$value]) && $entityFiltersHash[$value]->Default} style="color:red"{/if}>
										{$itemsOrCaption}
										{if isset($entityFiltersHash[$value]) && $entityFiltersHash[$value]->Default}(*){/if}
									</option>
								{/if}
							{/foreach}
						</select>
						<div class="btn-group middle-inline-block">
							{input submit class=>'btn btn-primary'}
							<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret" style="padding: initial;"></span></a>
							<ul class="dropdown-menu pull-right">
								<li>{input submit}</li>
								<li><button type="button" data-action="set-as-default">{_'Nastavit jako výchozí'}</button></li>
								<li>{input delete class=>'rec-delete'}</li>
							</ul>
						</div>
					</div>
				</div>
			{*</fieldset>*}
			{/form}
		{/if}

		<div class="tab-content" style="overflow:visible;clear:both;">
			<div id="tab-hidden" class="active"></div>

			<div id="tab-filters" class="tab-pane">

				<div n:if="!empty($filterFormName)">
					{include 'default-form.latte',
						description => $filterDescription,
						data => array(),
						formName => $filterFormName,
						spanBlock => FALSE,
						isFilterForm => TRUE
					}
				</div>
			</div>

		</div>

	{if !empty($data)}
		{form massForm}

			<table class="table table-striped table-bordered list-table">
				<thead>
					<tr>
						<th n:if="$module->isMassAllowed()"><input type="checkbox" class="checkall" /></th>
						{foreach $description->fields as $field}
						<th>
							<a n:tag-if="!empty($field->sortfield)" n:href="sort! field => $field->name" class="th-field-name"><span n:tag-if="empty($field->sortfield)" class="th-field-name">{__($field->caption)}</span></a>
							{if !empty($field->sortfield)}
							<span class="th-field-sort">
								<span class="order-by-asc{if $orderby == $field->sortfield && $orderbydir == 'asc'} active{/if}">&blacktriangle;</span><span class="order-by-desc{if $orderby == $field->sortfield && $orderbydir == 'desc'} active{/if}">&blacktriangledown;</span>
							</span>
							{/if}
						</th>
						{/foreach}
						<th class="text-right" width="1%"></th>
					</tr>
				</thead>
				<tbody>
					{foreach $data as $row}{dump $row}
					<tr>
						<td n:if="$module->isMassAllowed()">{input 'id-'.$row->getId():}</td>
						{foreach $description->fields as $field}
							{? $fName = $field->name}
							<td{if !empty($field->style)} style="{!$field->style->__toString()}"{/if}>
								{* File download *}
								{if isset($field->control->element) && $field->control->element instanceof \Abra\Service\Link}
									{? $lnk = $template->placeValues($field->control->element->href, $row)}
									<a target="_blank" n:href="rawDownload! r=>base64_encode($lnk), f=>base64_encode($row->$fName)">{!$field->name|objectValue:$row}</a>
								{else}
									{!$fName|objectValue:$row}
								{/if}
							</td>
						{/foreach}
						<td class="text-right" style="overflow:visible!important;white-space:pre;">{!$module|renderActions:$row}</td>
					</tr>
					{/foreach}
				</tbody>
			</table>

			{* Paging *}
			<div class="pull-right form-horizontal pagination-info">
				<div class="control-group">
					<label for="perpage" class="control-label">
						{$paginator->offset+1}<span>-</span>{$paginator->offset+$paginator->length}<span>/</span>{$paginator->itemCount}
						<span style="margin: 0 10px">{_'Záznamů na stránku:'}</span>
					</label>
					<div class="controls">
						<select id="perpage">
							{foreach $perPages as $pp}
							<option {if $pp == $limit} selected="selected"{/if}>{$pp}</option>
							{/foreach}
						</select>
					</div>
				</div>
			</div>
			{if $paginator->pageCount > 1}
				<ul class="pagination">
					<li n:class="$paginator->first ? 'unavailable'">
						<a n:tag-if="!$paginator->first" class="prev-next" href="{link this, p => ($paginator->page-1) == 1 ? null : ($paginator->page-1)}">
							<span n:tag-if="$paginator->first" class="prev-next"><i class="icon-chevron-left"></i></span>
						</a>
					</li>

					<li class="separator"></li>

					{foreach $steps as $step}
					<li n:class="$step == $paginator->page ? 'current'">
						{if $step == 1}<a href="{link this}" data-page="{!$step}">{else}<a href="{link this, p => $step}" data-page="{!$step}">{/if}{$step}</a>
					</li>
					<li n:if="$iterator->nextValue > $step+1" class="unavailable"><span>&hellip;</span></li>
					{/foreach}

					<li class="separator"></li>

					<li n:class="$paginator->last ? 'unavailable'">
						<a n:tag-if="!$paginator->last" class="prev-next" href="{link this, p => $paginator->page + 1}">
							<span n:tag-if="$paginator->last" class="prev-next"><i class="icon-chevron-right"></i></span>
						</a>
					</li>
				</ul>
			{/if}
			{* Paging *}


			{ifset $form['massdelete']}
				<button type="submit" name="{$form['massdelete']->name}" id="{$form['massdelete']->htmlId}" class="btn btn-danger btn-massdelete">
					<span class="icon-remove icon-white"></span>
					<span>{$form['massdelete']->caption}</span>
				</button>
			{/ifset}
			{*ifset $form['massprint']}
				<button type="submit" name="{$form['massprint']->name}" id="{$form['massprint']->htmlId}" class="btn btn-massprint">
					<span class="icon-print"></span>
					<span>{$form['massprint']->caption}</span>
				</button>
			{/ifset*}
			{ifset $form['massform']}
				<hr />
				{? $tableIndex = 0}
				{include '_form-fields.latte'
						form => $form,
						description => $massDescription,
						tableIndex => $tableIndex,
						data => $massData,
						formName => 'massform',
						spanBlock => FALSE
				}

				<button type="submit" name="{$form['massform']->name}" id="{$form['massform']->htmlId}" class="btn btn-massform">
					<span class="icon-pencil"></span>
					<span>{$form['massform']->caption}</span>
				</button>
			{/ifset}
		{/form}
	{else}
		<p><em>{__('Data pro tabulku nejsou k dispozici')}</em></p>
	{/if}
	</div>
</div>

<script type="text/javascript" n:syntax="double">
$(function() {

	$('#perpage').change(function() {
		$('.ajax-loader').show();
		window.location.href = {{link setPerPage! pp => '__PP__'}}.replace('__PP__', $(this).val());
	});

	{{if $module->isAllowed('filteredit')}}
	// Save current filter
	$('button[data-action=save-filter]').click(function(e) {
		e.preventDefault();
		var name = window.prompt({{_'Zadejte název vašeho filtru:'}});
		if(name)
		{
			window.location.href = {{link saveFilterPreset! name=>'__NAME__'}}.replace('__NAME__', name);
		}
	});
	{{/if}}

	{{if $module->isAllowed('filterglobaledit')}}
	// Set filter as default
	$('button[data-action=set-as-default]').click(function(e) {
		e.preventDefault();
		var form = $(this).closest('form');
		var val = form.find('select[name=filter]').val();
		if(val && val !== '')
		{
			window.location.href = {{link setDefaultFilterPreset! filterId=>'__ID__'}}.replace('__ID__', val);
		}
		else
		{
			alert({{_'Nejprve si vyberte filtr, který chcete nastavit jako výchozí.'}});
		}
	});
	{{/if}}


	{{*
		$('form[id*=filterListForm] input[name=submit_]').hide();
		$('form[id*=filterListForm] select[name=filter]').change(function() {
			$(this).closest('form').find('input[name=submit_]').trigger('click');
		});
	*}}

});
</script>