{% extends 'admin/base.html.twig' %}


{% block title %}Kontakty
{% endblock %}

{% block header %}Kontakty
{% endblock %}

{% block breadcrumbs %}
	{% include 'admin/partials/_breadcrumbs.html.twig' with {'items': [
        {
            'link': '#',
            'title': 'CRM'
        },    
        {
            'link': '#',
            'title': 'Kontakty'
        }        
    ]} %}
{% endblock %}

{% import 'partials/_macros.html.twig' as macros %}

{% block main %}
	<div class="d-flex justify-content-end">
		<a href="{{ path('admin_crm_contact_add') }}" class="btn btn-primary">
			<svg class="icon icon-xs" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
			</svg>
			Dodaj kontakt
		</a>
	</div>

	<div class="card mt-4">
		<div class="card-body">
			{{ form_start(search_form) }}
                <div class="row mt-3">
                    <div class="col mb-3">
						{{ form_label(search_form.q) }}
                        {{ form_widget(search_form.q) }}
                    </div>  

                    <div class="col mb-3">
						{{ form_label(search_form.actionCreatedAtGte) }}
                        {{ form_widget(search_form.actionCreatedAtGte) }}
                    </div>                   

                    <div class="col mb-3">
						{{ form_label(search_form.actionCreatedAtLte) }}
                        {{ form_widget(search_form.actionCreatedAtLte) }}
                    </div>    
                </div>

				<div class="row">
					{% for key, child in search_form %}
						{% if key starts with 'actionTypeCondition_' %}
							<div class="col-md-3 mb-3">
								{{ form_label(child) }}
								{{ form_widget(child) }}
							</div>
						{% endif %}
					{% endfor %}
				</div>

				<div class="text-end">					
					<button type="submit" class="btn btn-primary">
						Szukaj
					</button>                    
				</div>

                <div class="mt-2 d-flex justify-content-end">
                    <button class="btn bnt-secondary pull-right" type="submit" name="displayListAsCsv">
                        <svg class="icon icon-sm" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3"/>
                        </svg>
                        Excel
                    </button>
                </div>
			{{ form_end(search_form) }}
		</div>
	</div>

	{% if pagination|length %}
		{{ knp_pagination_render(pagination) }}

		<div class="table-responsive mt-3">
			<table class="table table-centered table-nowrap mb-0 rounded">
				<thead class="thead-light">
					<tr>
						<th class="border-0">
							Imię
						</th>
						<th class="border-0">
							Nazwisko
						</th>
						<th class="border-0">
							E-mail
						</th>
						<th class="border-0">
							Akcje
						</th>
						<th class="border-0 rounded-end"></th>
					</tr>
				</thead>
				<tbody>
					{% for contact in pagination %}
						<tr>
							<td>
								{{ contact.name }}
							</td>
							<td>
								{{ contact.surname }}
							</td>
							<td>
								{{ contact.email }}
							</td>
							<td>
								<div class="tree-small">
									{% include 'admin/crm/contact/_actions_tree.html.twig' with {
                                        'actions': contact.rootActions

                                    } only %}
								</div>
							</td>
							<td>
								<a class="btn btn-danger btn-sm me-3" onclick="return confirm('Na pewno usunąć ten kontakt?')" href="{{ path('admin_crm_contact_remove', {'id': contact.id, 'token': csrf_token('contact-remove') }) }}">
									<svg class="icon icon-sm" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
										<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path>
									</svg>
									Usuń
								</a>

								<a class="btn btn-info btn-sm me-3" href="{{ path('admin_crm_contact_action_index', {'id': contact.id}) }}">
									<svg class="icon icon-sm" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
										<path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/>
										<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
									</svg>


									Akcje
								</a>

								<a class="btn btn-info btn-sm" href="{{ path('admin_crm_contact_edit', {'id': contact.id}) }}">
									<svg class="icon icon-xs w-6 h-6" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
										<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path>
									</svg>
									Edycja
								</a>
							</td>
						</tr>
					{% endfor %}
				</tbody>
			</table>
		</div>
		{{ knp_pagination_render(pagination) }}
	{% else %}
		<div class="alert alert-info  mt-3">
			Nie znaleziono kontaktów
		</div>
	{% endif %}
{% endblock %}