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

{% block sectionTitle %}Fatture Passive
{% endblock %}
{% block sectionButtons %}
	<a href="{{ path('app_incoming_invoice_new') }}" class="btn btn-primary btn-sm">
		<i class="fa fa-plus"></i>
	</a>
	<input type="file" style="display:none" id="importIncomingInvoice">
	<label for="importIncomingInvoice" class="btn btn-primary btn-sm">
		<i class="fa fa-upload" title="Importa fattura da processare"></i>
	</label>
{% endblock %}
{% block javascripts %} 
	<script type="module" src="{{ asset('assets/js/libs/custom_datatable.js') }}"></script>
	<script type="module" src="{{ asset('assets/js/pages/app_incoming_invoice_index.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" style="display:none">
			<thead>
				<tr>
					<th>Id</th>
					<th>Numero Fattura</th>
					<th>Data Fattura</th>
					<th>Totale Fattura</th>
					<th>Fornitore</th>
					<th>Azioni</th>
				</tr>
			</thead>
			<tbody>
				{% for incoming_invoice in incoming_invoices %}
					<tr>
						<td>{{ incoming_invoice.id }}</td>
						<td>{{ incoming_invoice.head.number|default(' - ')}}</td>
						<td>{{ incoming_invoice.head.invoiceDate|date('d/m/Y')|default('-')}}</td>
						<td>{{ incoming_invoice.footer.totalGrossValue|default(' - ')}}</td>
						<td>{{ incoming_invoice.head.supplier.companyName }}</td>
						<td>
							<a href="{{ path('app_incoming_invoice_show', {'id': incoming_invoice.id}) }}">
								<i class="fa-solid fa-magnifying-glass"></i>
							</a>
						</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
	{% endblock %}