{% extends 'common/base-external.html.twig' %}
{% block content %}
<div class="row proposals" id="proposal-add">
<div class="container">
<div class="row">
<div class="col-xs-12">
{% if invoicedeposititems is not empty %}
{#{{ dump(company) }}#}
{#{% set currency = '€' %}#}
<div class="panel">
{#<div class="panel-heading bg-teal-300">#}
{#<h5 class="panel-title">{% trans %}Services Expenses in Proposal{% endtrans %}</h5>#}
{#</div>#}
<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>
{% if type == "No Vat Invoice" or type == "Group Everything" %}
<div class="col-xs-12"><b>{% trans %}Invoice{% endtrans %} No.: {{ prefix }}{{ number }}</b></div>
{% else %}
<div class="col-xs-12">
<b>{{ type|trans }}
{% if numberadmin is not null %}
No.: {{ numberadmin }}
{% else %}
No.: {{ prefix }}{{ number }}
{% endif %}
</b>
</div>
{% endif %}
<div class="col-xs-12"><b>
{% if proposal.referenceName is not null and proposal.referenceId is not null %}
{{ proposal.referenceName }} {{ proposal.referenceId }}
{% endif %}
</b></div>
</div>
<div class="col-xs-6 margen-10 border-esp redondo padding-3">
{% for client in clients %}
<div class="col-xs-12"><b>{% trans %}Client{% endtrans %}: {{ client[0].name }}</b></div>
<div class="col-xs-12"><b>{% trans %}Address{% endtrans %}: {{ client[0].address }}, {{ client[0].addressNumber }} {{ client.region }} {{ client.city }} - {{ client[0].zipCode }}, {{ client.country }}</b></div>
<div class="col-xs-12"><b>{% trans %}Document{% endtrans %}: {{ client[0].typeDocument }}: {{ client[0].idDocument }}</b></div>
{% endfor %}
</div>
</div>
</div>
<div class="panel">
<div class="panel-body">
<table class="table table-striped">
<thead>
<tr>
<th>{% trans %}Name{% endtrans %}</th>
<th>{% trans %}Amount{% endtrans %}</th>
<th >{% trans %}Iva{% endtrans %}</th>
<th>{% trans %}Total{% endtrans %}</th>
</tr>
</thead>
<tbody>
{% for items in invoicedeposititems %}
<tr>
<td>{{ items.name }}</td>
<td>{{ items.amount|number_format(2, '.', ',') }}{{ currency }}</td>
<td>{{ items.iva }} %</td>
<td>{{ items.total|number_format(2, '.', ',') }}{{ currency }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<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 class="col-xs-2 text-right"><b class="text-success">Base</b></div>#}
</div>
<div class="col-xs-12">
{% for iva in bases_imponibles %}
<div class="col-xs-10 text-right"><b>Iva: {{ iva.iva }}%:</b></div>
<div class="col-xs-2 text-right"><b>{{ iva.ivas|number_format(2, '.', ',') }}{{ currency }}</b></div>
{#<div class="col-xs-2 text-right"><b>{{ iva.total_iva|number_format(2, '.', ',') }} {{ currency }}</b></div>#}
{% endfor %}
</div>
<div class="col-xs-12">
<hr>
</div>
<div class="col-xs-12">
{#<div class="col-xs-8"><a class="btn bg-orange-300 btn-block" href="#" role="button">{% trans %}Confirm Budget{% endtrans %}</a></div>#}
<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>
</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>Sorry, there's nothing to invoice</h5>
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script type="text/javascript" src="{{ asset('assets/js/plugins/editors/summernote/summernote.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/js/plugins/forms/styling/switchery.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/js/pages/proposal/switchery-proposal.js') }}"></script>
{#<script type="text/javascript" src="{{ asset('assets/js/pages/proposal/add-proposal.js') }}"></script>#}
<script type="text/javascript" src="{{ asset('assets/js/plugins/forms/selects/select2.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/js/pages/components_popups.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/js/plugins/notifications/sweet_alert.min.js') }}"></script>
{% endblock %}