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

{% block sectionTitle %}Produttori
{% endblock %}

{% block sectionButtons %}
	<a href="{{ path('app_producer_new') }}" title="Nuovo produttore" class="btn btn-primary btn-sm">
		<i class="fa fa-plus"></i>
	</a>
{% endblock %}
{% block javascripts %}
	 <script type="module" src="{{ asset('assets/js/libs/custom_datatable.js') }}"></script>
{% endblock %}
{% block content %}
	<div class="row">
		<div class="col-12">
			<div class="input-group d-flex ">
				<input type="text" class="form-control border-end-0 my-2 datatable_search" id="table_search_custom" placeholder="Cerca ...">
				<div class="btn btn-primary btn-outline-secondary border-start-0 my-2" id="table_search">
					<i class="fa fa-search"></i>
				</div>
			</div>
		</div>
	</div>
	<div class="table-responsive">
		<table class="table table-bordered datatable" id="DataTables_Table_0">
			<thead>
				<tr>
					<th>Nome Azienda</th>
					<th>P.Iva</th>
					<th>Indirizzo</th>
					<th>Città</th>
					<th>CAP</th>
					<th>Telefono</th>
					<th>Email</th>
					<th>Azioni</th>
				</tr>
			</thead>
			<tbody>
				{% for producer in producers %}
					<tr>
						<td>{{ producer.companyName }}</td>
						<td>{{ producer.vatNumber }}</td>
						<td>{{ producer.address }}</td>
						<td>{{ producer.city }}</td>
						<td>{{ producer.zip }}</td>
						<td>{{ producer.phoneContact }}</td>
						<td>{{ producer.emailContact }}</td>
                        <td>
                            <a href="{{ path('app_producer_edit', {'id': producer.id}) }}">
								<i class="fa fa-edit"></i>
							</a>
                        </td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
{% endblock %}