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

{% block sectionTitle %}Fornitori
{% endblock %}
{% block sectionButtons %}
	<a href="{{ path('app_supplier_new') }}" title="Nuovo cliente" class="btn btn-primary btn-sm">
		<i class="fa fa-plus"></i>
	</a>
{% endblock %}
{% block javascripts %}
        <script src="https://cdn.datatables.net/buttons/2.4.1/js/dataTables.buttons.min.js"></script>
	 <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
	 <script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.html5.min.js"></script>
	 <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 class="fw-bold fs-6 text-gray-800">
                    <th>Ragione Sociale</th>
                    <th>C.F. / P.IVA</th>
                    <th>Indirizzo</th>
                    <th>CAP</th>
                    <th>Città</th>
                    <th>Azioni</th>
                </tr>
            </thead>
            <tbody>
                {% for supplier in suppliers %}
                    <tr>
                        <td>{{ supplier.companyName }}</td>
                        <td>{{ supplier.fiscalCode ?: supplier.vatNumber }}</td>
                        <td>{{ supplier.address }}</td>
                        <td>{{ supplier.zip }}</td>
                        <td>{{ supplier.city }}</td>
                        <td>
                            <a href="{{ path('app_supplier_edit', {'id': supplier.id}) }}">
								<i class="fa fa-edit"></i>
							</a>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}