{% extends 'UpdoonAppBundle::base_private_extension.html.twig' %}

{% block title %}{{ parent() }}Kunden • Übersicht{% endblock %}

{% block content %}
	<div class="ui secondary menu">
		<div class="item">
			<div class="ui breadcrumb">
				<a href="{{ path('home_overview') }}" class="section">Home</a>
				<div class="divider"> / </div>
				<div class="active section">Kunden</div>
			</div>
		</div>
		<div class="right menu">
			<div class="item">
				<label>Kunden pro Seite:</label>
				<div class="ui icon top left pointing dropdown tiny button">
					<div class="text">{{ maxResults }}</div> <i class="dropdown icon"></i>
					<div class="menu">
						<a href="{{ path('customer_overview', {page: page, maxResults: 5}) }}" class="item">5</a>
						<a href="{{ path('customer_overview', {page: page, maxResults: 10}) }}" class="item">10</a>
						<a href="{{ path('customer_overview', {page: page, maxResults: 15}) }}" class="item">15</a>
						<a href="{{ path('customer_overview', {page: page, maxResults: 25}) }}" class="item">25</a>
						<a href="{{ path('customer_overview', {page: page, maxResults: 50}) }}" class="item">50</a>
						<a href="{{ path('customer_overview', {page: page, maxResults: 75}) }}" class="item">75</a>
						<a href="{{ path('customer_overview', {page: page, maxResults: 100}) }}" class="item">100</a>
					</div>
				</div>
			</div>
			<div class="item">
				{{ include('UpdoonAppBundle::search_form.html.twig') }}
			</div>
		</div>
	</div>
	{% for message in app.session.flashbag.get('success') %}
		<div class="ui success message">
			Der Kunde <span class="bold">{{ message.company }}</span> wurde gelöscht.
		</div>
	{% endfor %}
	{{ include('UpdoonAppBundle::Customer/customer_table.html.twig') }}
	<div class="ui float-right small buttons">
		<a href="{{ path('customer_overview', {page: page - 1, maxResults: maxResults}) }}" class="ui updoon labeled icon button{% if page <= 1 %} disabled{% endif %}">
			<i class="left arrow icon"></i>
			Zurück
		</a>
		{% if page > 1 %}
			<a href="{{ path('customer_overview', {page: 1, maxResults: maxResults}) }}" class="ui button">
				1
			</a>
		{% endif %}
		{% if page > 4 %}
			<a href="#" class="ui disabled button">
				...
			</a>
		{% endif %}
		{% if page - 2 > 1 %}
			<a href="{{ path('customer_overview', {page: page - 2, maxResults: maxResults}) }}" class="ui button">
				{{ page - 2 }}
			</a>
		{% endif %}
		{% if page - 1 > 1 %}
			<a href="{{ path('customer_overview', {page: page - 1, maxResults: maxResults}) }}" class="ui button">
				{{ page - 1 }}
			</a>
		{% endif %}
		<a href="#" class="ui button disabled">
			{{ page }}
		</a>
		{% if page + 1 < maxPages %}
			<a href="{{ path('customer_overview', {page: page + 1, maxResults: maxResults}) }}" class="ui button">
				{{ page + 1 }}
			</a>
		{% endif %}
		{% if page + 2 < maxPages %}
			<a href="{{ path('customer_overview', {page: page + 2, maxResults: maxResults}) }}" class="ui button">
				{{ page + 2 }}
			</a>
		{% endif %}
		{% if page < maxPages - 3 %}
			<a href="#" class="ui disabled button">
				...
			</a>
		{% endif %}
		{% if page < maxPages %}
			<a href="{{ path('customer_overview', {page: maxPages, maxResults: maxResults}) }}" class="ui button">
				{{ maxPages }}
			</a>
		{% endif %}
		<a href="{{ path('customer_overview', {page: page + 1, maxResults: maxResults}) }}" class="ui updoon right labeled icon button{% if page >= maxPages %} disabled{% endif %}">
			Vor
			<i class="right arrow icon"></i>
		</a>
	</div>
	{{ include('UpdoonAppBundle::Customer/customer_delete_modal.html.twig') }}
{% endblock %}