{% extends "layout.html.twig" %}

{% block content %}

	{% set params = {
		columns: {
			name: "Név",
			email: "E-mail cím",
			phone: "Telefonszám",
			school: "Iskola/Szervezet",
			lastLogin: "Utolsó bejelentkezés",
			createdAt: "Regisztráció dátuma",
			control: ""
		},
		rows: users,
		pagination: pagination
	} %}

	{% embed "embed/table_page.html.twig" with params %}

		{% block page_title %}
			<h3>Felhasználók</h3>
			<div class="btn-group">
				<button class="btn btn-sm btn-transparent" title="{{ "search"|trans }}"
				        data-toggle="collapse" data-target="#filterGrid" type="button">
					<i class="fa fa-2x fa-search" aria-hidden="true"></i>
				</button>
			</div>
		{% endblock %}

		{% block page_content %}
			<div class="grid simple collapse {{ form.vars.active|default(false) ? 'show' }}" id="filterGrid">
				<div class="grid-title">
					<h4>Szűrés</h4>
					<button data-toggle="collapse" data-target="#filterGrid" type="button"
					        class="btn btn-sm btn-white pull-right">
						<i class="fa fa-times" aria-hidden="true"></i>
					</button>
				</div>
				<div class="grid-body">
					{{ form_start(form) }}
					<div class="row">
						<div class="col-sm-3">
							{{ form_row(form.name, {label: 'Név', attr:{placeholder: 'Mind'}}) }}
						</div>
						<div class="col-sm-3">
							{{ form_row(form.email, {label: 'E-mail cím', attr:{placeholder: 'Mind'}}) }}
						</div>
						<div class="col-sm-3">
							 {{ form_row(form.role, {label: 'Jogosultságok', placeholder: 'Mind'}) }}
						</div>
						<div class="col-sm-3">
							{{ form_row(form.locked, {label: 'Zárolt', placeholder: 'Mind'}) }}
						</div>
					</div>
					<div class="row">
						<div class="col-sm-3">
							{{ form_row(form.school, {label: 'Iskola neve', attr:{placeholder: 'Mind'}}) }}
						</div>
						<div class="col-sm-3">
							{{ form_row(form.phone, {label: 'Telefonszám', attr:{placeholder: 'Mind'}}) }}
						</div>
						<div class="col-sm-3">
							{{ form_row(form.createdAtMin, {label: 'Regisztráció dátum minimum', attr:{placeholder: 'Mind', class:'datetimepicker-input', "data-toggle": "datetimepicker"}}) }}
						</div>
						<div class="col-sm-3">
							{{ form_row(form.createdAtMax, {label: 'Regisztráció dátum maximum', attr:{placeholder: 'Mind', class:'datetimepicker-input', "data-toggle": "datetimepicker"}}) }}
						</div>
					</div>
					<div class="row">
						<div class="col-sm-3">
							{{ form_row(form.lastLoginMin, {label: 'Utolsó bejelentkezés minimum', attr:{placeholder: 'Mind', class:'datetimepicker-input', "data-toggle": "datetimepicker"}}) }}
						</div>
						<div class="col-sm-3">
							{{ form_row(form.lastLoginMax, {label: 'Utolsó bejelentkezés maximum', attr:{placeholder: 'Mind', class:'datetimepicker-input', "data-toggle": "datetimepicker"}}) }}
						</div>
					</div>
					<div class="d-flex justify-content-end">
						<button type="button" class="btn btn-sm btn-outline-secondary reset-form mr-2">
							<i class="fa fa-fw fa-times"></i> Visszaállítás
						</button>
						<button type="submit" class="btn btn-sm btn-primary">
							<i class="fa fa-fw fa-search"></i> Keresés
						</button>
					</div>
					{{ form_row(form.pageIndex, {value: '0'}) }}
					{{ form_end(form) }}
				</div>
			</div>
			{{ parent() }}
		{% endblock %}

		{% block grid_body %}
			<div class="btn-toolbar">
				<a href="{{ path("add_user") }}" class="btn btn-sm btn-primary mr-2">
					<i class="fa fa-fw fa-plus"></i> Program szervező hozzáadása
				</a>
				<a href="{{ totalElement <= export_limit.xls ? path('filter_users.xls', xlsFilterParameters) : "#" }}"
				   class="btn btn-sm btn-primary {% if totalElement > export_limit.xls %}disabled{% endif %}"
				   data-toggle="tooltip"
				   data-title="Letöltés .xls formátumban (Max. {{ export_limit.xls }} elem)">
					<i class="fa fa-fw fa-file-excel-o"></i> XLS
				</a>
			</div>
			{{ parent() }}
		{% endblock %}

		{% block cell_email %}
			<td class="align-middle" {% if row.accountLocked %} style="text-decoration: line-through" {% endif %}>
				{{ row.email }}
			</td>
		{% endblock %}

		{% block cell_control %}
			<td>
				<div class="d-flex">
					{% if "ROLE_PROGRAM_ORGANIZER" in row.roles %}
						<a href="{{ path('update_user', {'id': row.id}) }}" class="btn btn-sm btn-primary mr-1"><i
									class="fa fa-fw fa-edit"></i></a>
					{% endif %}
					<form action="{{ path("toggle_user_locked") }}" method="POST">
						<input type="hidden" name="userId" value="{{ row.id }}">
						{% if row.accountLocked %}
							<button type="submit" class="btn btn-sm btn-success" title="Aktiválás">
								<i class="fa fa-fw fa-unlock"></i>
							</button>
						{% else %}
							<button type="submit" class="btn btn-sm btn-danger" title="Zárolás">
								<i class="fa fa-fw fa-lock"></i>
							</button>
						{% endif %}
					</form>
				</div>
			</td>
		{% endblock %}

	{% endembed %}

{% endblock %}