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

{% block content %}

	{% set params = {
		columns: {
			companyName: "Cég név",
			code: "Támogatói kód",
			headCount: "Létszám",
			usedHeadCount: "Felhasználva",
			active: "Aktív",
			operations: "",
		},
		rows: supportPackages,
		pagination: pagination
	} %}

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

		{% block page_title %}
			{% import "macro.html.twig" as macro %}
			<h3>Támogatói csomagok</h3>
			{{ macro.showChangeProject(configs, configSession.currentConfig.name) }}
			<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 ? '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-6">
							{{ form_row(form.companyName, {label: 'Cég név'}) }}
						</div>
						<div class="col-sm-6">
							{{ form_row(form.code, {label: 'Támogatói kód '}) }}
						</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_end(form) }}
				</div>
			</div>
			{{ parent() }}
		{% endblock %}

		{% block grid_body %}
			<div class="btn-toolbar">
				<a href="{{ path("add_support_package") }}" class="btn btn-sm btn-primary">
					<i class="fa fa-fw fa-plus"></i> Hozzáadás
				</a>
			</div>
			{{ parent() }}
		{% endblock %}

		{% block cell_active %}
			<td class="align-middle">{{ value ? 'Igen' : 'Nem' }}</td>
		{% endblock cell_active %}

		{% block cell_operations %}
			<td class="text-right">
				<a href="{{ path("update_support_package", {id: row.id}) }}" class="btn btn-sm btn-primary"
				   data-toggle="tooltip" data-placement="bottom" data-title="Szerkesztés">
					<i class="fa fa-fw fa-edit"></i>
				</a>
				{% if row.usedHeadCount == 0 %}
					<a href="{{ path("remove_support_package", {id: row.id}) }}"
					   class="btn btn-sm btn-danger confirm-removal"
					   data-toggle="tooltip" data-placement="bottom" data-title="Törlés">
						<i class=" fa fa-fw fa-trash-o"></i>
					</a>
				{% else %}
					<a href="#" class="btn btn-sm btn-danger disabled"
					   data-toggle="tooltip" data-placement="bottom" data-title="Törlés">
						<i class="fa fa-fw fa-trash-o"></i>
					</a>
				{% endif %}
			</td>
		{% endblock cell_operations %}

	{% endembed %}

{% endblock %}