{{ header }}

{% if cartlists %}
	{% for keyTipo, cartTipo in cartlists %}
		{% for keyLista, lista in cartTipo %}
			<div class="ftr-container">
				<a href="{{ go_to_fidelity_cart }}" class="btn-default btn-large btn-full dark top-margin-medium">
					<span>{{ lista.products|length }}
						{{ text_items }}
						{{ total_points }}
						{{ text_info_points }}</span>
					<i class="material-icons ftr-text--v-middle"></i>
				</a>
			</div>
		{% endfor %}
	{% endfor %}
{% endif %}

{{ (content_top) ? content_top : '' }}

{% if fidelitygrid %}
	{{ (column_refinar) ? column_refinar : '' }}
	<div class="ftr-grid ftr-grid--between ftr-in-space--n ftr-out-space--l ftr-out-space--b-xs" id="data-selected-url" data-pagination='{{ (paginationajax) ? pagination : "" }}'>
		<span class="ftr-text--s">{{ totalProduct }}
			{{ (totalProduct > 1 ) ? t_results : t_result }}</span>
		<span class="ftr-text--s ftr-text--primary ftr-js-swipe-content-display ftr-js-order" href="#">
			<span>{{ t_order_by }}</span>
			<i class="material-icons">&#xE5CC;</i>
		</span>
		<div class="ftr-swipe-content ftr-js-swipe-content">
			<div class="ftr-swipe-content__header">
				<i class="material-icons ftr-js-close">&#xE5CD;</i>
				<span class="ftr-out-space--l-s">{{ t_order_by }}</span>
			</div>
			<div class="ftr-swipe-content__main ftr-in-space--t-n">
				{% set sortorder = sort ~ '-' ~ order %}
				{% for key, sort in sorts %}
					<input class="ftr-radio ftr-js-order-options" id="order-{{ key }}" type="radio" name="order" value="{{ sort.href }}" {{ (sort.value == sortorder) ? 'checked' : '' }}>
					<label class="ftr-radio-label ftr-block" for="order-{{ key }}">
						<span class="ftr-radio-label__text">{{ sort.text }}</span>
					</label>
				{% endfor %}
			</div>
		</div>
	</div>
	<div class="ftr-no-scroller">
		<div class="ftr-scroller ftr-js-products-view" data-pagination='{{ (paginationajax) ? pagination : "" }}'>
			{{ fidelitygrid }}
		</div>
	</div>
	{% if (pagination and paginationajax == false) %}
		<div class="ftr-pagination ftr-width--full">
			{{ pagination }}
		</div>
	{% endif %}
{% else %}
	<div class="ftr-no-result">
		<i class="material-icons ftr-no-result__cloud-1">&#xe2bd;</i>
		<i class="material-icons ftr-no-result__cloud-2">&#xe2bd;</i>
		<i class="material-icons ftr-no-result__cloud-3">&#xe2bd;</i>
		<i class="material-icons ftr-no-result__cloud-4">&#xe2bd;</i>
		<i class="material-icons ftr-no-result__cloud-5">&#xe2bd;</i>
		<i class="material-icons ftr-no-result__cloud-6">&#xe2bd;</i>
		<i class="ftr-no-result__sad">(</i>
		<i class="material-icons ftr-no-result__search ftr-text--primary">&#xe8b6;</i>
	</div>
	<span class="ftr-block ftr-text--l ftr-text--center ftr-in-space--xl">
		{{ t_result_not_found }}
	</span>
{% endif %}

{{ (content_bottom) ? content_bottom : '' }}

{{ footer }}
