{% extends 'common/base-external.html.twig' %}
{% block content %}
<div class="row proposals" id="proposal-invoice-deposit">
<div class="container">
<div class="row">
<div class="col-xs-12">
{% if datasupplier.invoice_item is defined or datasupplier.invoice_extra is defined %}
<div class="panel">
<div class="panel-body">
<div class="col-xs-2">
<img class="img-responsive center-block" src="/{{ company.picture }}" alt="">
</div>
<div class="col-xs-4 margen-15">
<div class="col-xs-12"><b>{{ company.company }}</b></div>
<div class="col-xs-12"><b>CIF.: {{ company.idDocument }}</b></div>
<div class="col-xs-12"><b>{% trans %}Date{% endtrans %}: {{ date|date("d/m/Y") }}</b></div>
<div class="col-xs-12"><b>
{% if type == 'Invoice' %}
{{ type|trans }} No.: {{ number }}
{% else %}
{% if type == 'Invoice Rec' %}
{{ type|trans }}, No.: {{ number }}
<br>
<a>{% trans %}This invoice rectifies the invoice{% endtrans %} No.: {{ invoiceIdToRec }}</a>
{% else %}
{{ type|trans }} No.: {{ number }}
{% endif %}
{% endif %}
</b>
</div>
</div>
<div class="col-xs-6 margen-10 border-esp redondo padding-3">
<div class="col-xs-12"><b>{% trans %}Client{% endtrans %}: {{ clientName }}</b></div>
<div class="col-xs-12"><b>{% trans %}Address{% endtrans %}: {{ clientAddress }}</b></div>
<div class="col-xs-12"><b>{% trans %}Document{% endtrans %}: {{ clientDocument }}</b></div>
</div>
</div>
</div>
{% if datasupplier.invoice_item is defined %}
<div class="panel">
<div class="panel-body">
<table class="table table-striped">
<thead>
<tr>
<th class="text-center">{% trans %}Name{% endtrans %}</th>
<th class="text-center">{% trans %}Unit Price{% endtrans %}</th>
<th class="text-center">{% trans %}Units{% endtrans %}</th>
<th class="text-center">{% trans %}Date{% endtrans %}</th>
<th class="text-center">{% trans %}Price{% endtrans %}</th>
<th class="text-center">{% trans %}Vat{% endtrans %}</th>
<th class="text-center">{% trans %}Total{% endtrans %}</th>
</tr>
</thead>
<tbody>
{% for items in datasupplier.invoice_item %}
<tr>
<td class="text-center"> {{ items.itemName }} </td>
<td class="text-center"> {{ items.itemPrice|number_format(2, ',', '.') }} {{ currency }} </td>
<td class="text-center"> {{ items.itemPax }} </td>
<td class="text-center"> {{ items.itemDateStart|date('d/m/Y') }} - {{ items.itemDateEnd|date('d/m/Y') }} </td>
<td class="text-center"> <label style="padding-top: 7px" id="loungesPrice_{{ items.id }}">{{ items.itemPrice|number_format(2, ',', '.') }}</label> {{ currency }} </td>
<td class="text-center"> <label style="padding-top: 7px" id="loungesVat_{{ items.id }}">{{ items.itemIva }}</label> % </td>
<td class="text-center">
<label style="padding-top: 7px" id="loungesSubtotal_{{ items.id }}">{{ items.itemSubTotalPrice|number_format(2, ',', '.') }}</label> {{ currency }}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="panel-footer">
<div class="col-xs-12 text-center">
{% if datasupplier.invoice_item_sum is defined %}
<div class="col-xs-offset-7 col-xs-3">
<b class="text-success">{% trans %}Net Amount{% endtrans %}</b>
<br>
<b>
<label id="netAmountLounge"> <strong>{{ datasupplier.invoice_item_net_sum|number_format(2,',', '.') }}</strong></label>
{{ currency }}
</b>
</div>
<div class="col-xs-2 col-xs-3">
<b class="text-success">{% trans %}Total{% endtrans %}</b>
<br>
<b>
<label id="totalAmountLounge"> <strong>{{ datasupplier.invoice_item_sum|number_format(2,',', '.') }}</strong></label>
{{ currency }}
</b>
</div>
{% endif %}
</div>
</div>
</div>
{% endif %}
{% if datasupplier.invoice_extra is defined %}
<div class="panel">
<div class="panel-heading">
<div class="panel-title">
<h5><b>{% trans %}Servicios Adicionales{% endtrans %}</b></h5>
</div>
</div>
<div class="panel-body">
<table class="table table-striped">
<thead>
<tr>
<th class="text-center">{% trans %}Name{% endtrans %}</th>
<th class="text-center">{% trans %}Price{% endtrans %}</th>
<th class="text-center">{% trans %}Vat{% endtrans %}</th>
<th class="text-center">{% trans %}Total{% endtrans %}</th>
</tr>
</thead>
<tbody>
{% for items in datasupplier.invoice_extra %}
<tr>
<td class="text-center"> {{ items.itemName }} </td>
<td class="text-center"> <label style="padding-top: 7px" id="loungesPrice_{{ items.id }}">{{ items.itemPrice|number_format(2, ',', '.') }}</label> {{ currency }} </td>
<td class="text-center"> <label style="padding-top: 7px" id="loungesVat_{{ items.id }}">{{ items.itemIva }}</label> % </td>
<td class="text-center"> <label style="padding-top: 7px" id="loungesVat_{{ items.id }}">{{ (items.itemPrice + (items.itemPrice * (items.itemIva/100)))|number_format(2, ',', '.') }}</label> {{ currency }} </td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="panel-footer">
<div class="col-xs-12 text-center">
{% if datasupplier.invoice_extra is not empty %}
<div class="col-xs-offset-7 col-xs-3">
<b class="text-success">{% trans %}Net Amount{% endtrans %}</b>
<br>
<b>
<label id="netAmountService"> <strong>{{ datasupplier.invoice_extra_net_sum|number_format(2, ',', '.') }}</strong></label>
{{ currency }}
</b>
</div>
<div class="col-xs-2">
<b class="text-success">{% trans %}Total{% endtrans %}</b>
<br>
<b>
<label id="totalAmountService"> <strong>{{ datasupplier.invoice_extra_sum|number_format(2, ',', '.') }}</strong></label>
{{ currency }}
</b>
</div>
{% endif %}
</div>
</div>
</div>
{% endif %}
{% if datasupplier.payment is defined %}
<div class="panel">
<div class="panel-body">
<div class="panel-title">
<h5><b>{% trans %}Payments of Invoice{% endtrans %}</b></h5>
</div>
<table class="table table-striped">
<thead>
<tr>
<th class="text-center">{% trans %}Way to pay{% endtrans %}</th>
<th class="text-center">{% trans %}Date payment{% endtrans %}</th>
<th class="text-center">{% trans %}Net{% endtrans %}</th>
<th class="text-center">{% trans %}Vat{% endtrans %}</th>
<th class="text-center">{% trans %}Total{% endtrans %}</th>
</tr>
</thead>
<tbody>
{% for itemsPayment in datasupplier.payment %}
<tr>
<td class="text-center">{{ itemsPayment.wayToPay }}</td>
<td class="text-center">{{ itemsPayment.datePayAt|date('d/m/Y') }}</td>
<td class="text-center">
<label style="padding-top: 7px" id="netAmountPayment_{{ itemsPayment.id }}">{{ itemsPayment.amount|number_format(2, ',', '.') }}</label> {{ currency }}
</td>
<td class="text-center">{{ itemsPayment.vat }}</td>
<td class="text-center">{{ itemsPayment.amountTotal|number_format(2, ',', '.') }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="panel-footer">
<div class="col-xs-12 text-center">
{% if datasupplier.payment is not empty %}
<div class="col-xs-9"></div>
<div class="col-xs-2"><b class="text-success">{% trans %}Total{% endtrans %}</b><br>
{% if type == 'Invoice Rec' %}
<b>
<label id="totalAmountPayment"> <strong>{{ datasupplier.paymentSubTotal.sumSubT|abs|number_format(2, ',', '.') }}</strong></label>
{{ currency }}
</b>
{% else %}
<b>
<label id="totalAmountPayment"> <strong>{{ datasupplier.paymentSubTotal.sumSubT|number_format(2, ',', '.') }}</strong></label>
{{ currency }}
</b>
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>
{% endif %}
<div class="panel">
<div class="panel-body">
<div class="col-xs-12 ">
<div class="col-xs-12 ">
<div class="col-xs-8 text-right"><b class="text-success">{% trans %}Total Before Vat{% endtrans %}:</b></div>
<div class="col-xs-4 text-right alert-info"><b>{{ totales_neto|number_format(2, ',', '.') }}{{ currency }}</b></div>
</div>
<div class="col-xs-12">
<hr>
</div>
<div class="col-xs-12">
<div class="col-xs-10 text-right"><b class="text-success">{% trans %}Vat{% endtrans %}%:</b></div>
<div class="col-xs-2 text-right"><b class="text-success">{% trans %}Vat{% endtrans %}:</b></div>
</div>
<div class="col-xs-12">
{% if bases_imponibles.ivaMontoVeintiUno is defined %}
<div class="col-xs-10 text-right"><b>21 % :</b></div>
<div class="col-xs-2 text-right"><b>{{ bases_imponibles.ivaMontoVeintiUno|number_format(2,',', '.') }}{{ currency }}</b></div>
{% endif %}
{% if bases_imponibles.ivaMontoDiez is defined %}
<div class="col-xs-10 text-right"><b>10 % :</b></div>
<div class="col-xs-2 text-right"><b>{{ bases_imponibles.ivaMontoDiez|number_format(2,',', '.') }}{{ currency }}</b></div>
{% endif %}
</div>
<div class="col-xs-12">
<hr>
</div>
<div class="col-xs-12">
<div class="col-xs-8 text-right"><b class="text-success">{% trans %}Total{% endtrans %}:</b></div>
<div class="col-xs-4 text-right alert-info"><b>{{ totales|number_format(2,',', '.') }}{{ currency }}</b></div>
</div>
<div class="col-xs-12">
<hr>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-body">
<div class="col-xs-12 text-center">{{ company.registry }}</div>
<div class="col-xs-12 text-center"><hr></div>
<div class="col-xs-12 text-justify">
{% autoescape %}
{{ company.note|raw }}
{% endautoescape %}
</div>
<div class="col-xs-12 text-center"><hr></div>
<div class="col-xs-12 text-center"><b>{{ company.address }} {{ company.zipCode }} | {{ company.telephone }} {{ company.email }}</b></div>
</div>
</div>
{% else %}
<div class="text-center content-group">
<h1 class="error-title offline-title">{{ type|trans }} is Empty</h1>
<h5>{% trans %}Sorry, there's nothing to invoice{% endtrans %}</h5>
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endblock %}