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

{% block sectionTitle %}Fattura Passiva - {{ incoming_invoice.head.number|default(' - ') }} del {{ incoming_invoice.head.invoiceDate|date('d/m/Y') }}
{% endblock %}
{% block sectionButtons %}
	<a href="{{ path('app_incoming_invoice_index') }}" class="btn btn-primary btn-sm">
		<i class="fa fa-arrow-left"></i>
	</a>
{% endblock %}
{% block content %}
	<div class="d-flex flex-column ">
		<div class="card">
			<div class="card-body p-12">
				<div class="d-flex flex-column align-items-start flex-xxl-row">
					<div class="d-flex align-items-center flex-equal fw-row me-4 order-2" data-kt-initialized="1">
						<span class="fs-6 fw-bold text-gray-700 text-nowrap">Data Fattura</span>
						<input type="text" class="form-control form-control-flush fw-bold text-muted fs-3 w-125px" value="{{ incoming_invoice.head.invoiceDate|date('d/m/Y') }}" readonly>
					</div>
					<div class="d-flex align-items-center flex-equal fw-row me-4 order-2" data-kt-initialized="1">
						<span class="fs-6 fw-bold text-gray-700 text-nowrap">Numero Fattura</span>
						<input type="text" class="form-control form-control-flush fw-bold text-muted fs-3 w-125px" value="{{ incoming_invoice.head.number|default(' - ') }}" readonly>
					</div>
					<div class="d-flex align-items-center flex-equal fw-row me-4 order-2" data-kt-initialized="1">
						<span class="fs-6 fw-bold text-gray-700 text-nowrap">Data registrazione fattura</span>
						<input type="text" class="form-control form-control-flush fw-bold text-muted fs-3 w-125px" value="{{ incoming_invoice.head.registrationDate|date('d/m/Y') }}" readonly>
					</div>
				</div>
				<div class="separator separator-dashed my-10"></div>
				<div class="mb-0">
					<div class="table-responsive mb10">
						<table class="table g-5 gs-0 mb-0 fw-bold text-gray-700">
                            <thead>
                                <tr class="border-bottom fs-7 fw-bold text-gray-700 text-uppercase">
                                    <th class="min-w-300px w-475px">Merce</th>
                                    <th class="min-w-100px w-100px">Quantità</th>
                                    <th class="min-w-100px w-100px">Prezzo</th>
                                    <th class="min-w-100px w-100px">Totale</th>
                                    <th class="min-w-100px w-100px">IVA</th>
                                </tr>
                            </thead>
							<tbody>
								{% for item in incoming_invoice.incomingInvoiceRows %}
                                    <tr class="border-bottom border-bottom-dashed">
                                        <td class="pe-7"><span>{{ item.description }}</span></td>
                                        <td class="ps-0"><span>{{ item.quantity }}</span></td>
                                        <td>{{ item.netValue }}</td>
                                        <td >{{ item.netPrice }}</td>
                                        <td >{{ item.tax }} %</td>
                                    </tr>
                                {% else %}
                                <tr class="border-bottom border-bottom-dashed">
                                    <td colspan="4" class="centered">Nessuna riga trovata</td>
                                </tr>
                                {% endfor %}
								{% if incoming_invoice.footer.totalNetValue > 0 %}
									<tr class="border-bottom border-bottom-dashed">
										<td></td>
										<td></td>
										<td class="pe-7"><span>SUBTOTALE</span></td>
										<td></td>
										<td class="ps-0"><span>{{ incoming_invoice.footer.totalNetValue }}</span></td>
									</tr>
									<tr class="border-bottom border-bottom-dashed">
										<td></td>
										<td></td>
										<td class="pe-7"><span>IVA</span></td>
										<td></td>
										<td class="ps-0"><span>{{ incoming_invoice.footer.totalTaxValue }}</span></td>
									</tr>
									<tr class="border-bottom border-bottom-dashed">
										<td></td>
										<td></td>
										<td class="pe-7"><span>TOTALE</span></td>
										<td></td>
										<td class="ps-0"><span>{{ incoming_invoice.footer.totalGrossValue }}</span></td>
									</tr>
								{% endif %}
								
							</tbody>
						</table>

					</div>
				</div>
				<div class="separator separator-dashed my-10"></div>
			</div>
		</div>
	</div>

{% endblock %}